vue开发完成后打包后图片路径不对
2017-07-18 16:56
603 查看
用vue做了一个小的移动端项目,从头到尾做下来,感觉自己好多东西都没弄清楚过。也学到了很多,已整理笔记在自己电脑上,但是比较零散,空了再来仔细整理整理。
于是,上周五模拟好数据(接口还未写),准备打包发布到服务器上面看看效果。
这时,真的问题就来了,很多图片没出来,仔细一看,这特么的路径完全不对呀!
虽然以前也做vue, 但是仔细想想,自己还从来没有用vue-cli打包过后来看,一直是在本地边开发边看的。
所以呢,什么都得自己实践,才能学得更多!
废话不多说,直接上自己的代码例子:
之前我也写过,css和js里面引用图片的相对位置不一样。 然而,在vue的js里面操作图片,要记住两点。 首先,图片放到静态文件static里面(下图1中最左下角) 其次,图片的路径写这样写 (我不是很明白,这种‘ ./ ’路径是相对呢还是绝对路径呢?希望大神指点一二),即:./static/img/local.png 不能写这样的相对路径: ../../../static/img/local.png 具体看下图标注: 类似的还有下面这个: 但是对于html里面就不用,如下图: 同时附上config里面的配置:相关文章推荐
- vue-cli打包css图片路径不对问题
- vue的图片路径,和背景图片路径打包后错误解决
- 解决Vue打包后背景图片路径错误问题
- webpack打包vue项目后,一些文件图片路径找不到的问题解决办法
- 在vue项目中,发版之后,背景图片报错,路径不对
- vue项目打包后资源相对引用路径的和背景图片路径问题
- vue系列---项目打包找不到图片路径
- vue打包css文件中背景图片的路径问题
- java应用程序中处理配置文件和图片路径在打包后路径不对的问题
- 解决在vue项目中,发版之后,背景图片报错,路径不对的问题
- 解决vue项目打包后提示图片文件路径错误的问题
- Vue打包后图片路径错误
- 解决vue打包css文件中背景图片的路径问题
- vue项目打包后css背景图路径不对的问题
- vue打包后图片路径错误
- vue打包后图片路径错误无法显示
- vue 项目打包时样式及背景图片路径找不到
- vue全家桶 引入 fontawesome-webfont 打包之后,路径不对
- vue-cli项目打包后图片路径问题
- 解决Vue打包后背景图片路径错误问题