正文
vue开发完成后打包后图片路径不对
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
用vue做了一个小的移动端项目，从头到尾做下来，感觉自己好多东西都没弄清楚过。也学到了很多，已整理笔记在自己电脑上，但是比较零散，空了再来仔细整理整理。
于是，上周五模拟好数据（接口还未写），准备打包发布到服务器上面看看效果。
这时，真的问题就来了，很多图片没出来，仔细一看，这特么的路径完全不对呀！
虽然以前也做vue， 但是仔细想想，自己还从来没有用vue-cli打包过后来看，一直是在本地边开发边看的。
所以呢，什么都得自己实践，才能学得更多！
废话不多说，直接上自己的代码例子：
之前我也写过，css和js里面引用图片的相对位置不一样。
然而，在vue的js里面操作图片，要记住两点。
首先，图片放到静态文件static里面（下图1中最左下角）
其次，图片的路径写这样写 （我不是很明白，这种‘ ./ ’路径是相对呢还是绝对路径呢？希望大神指点一二），即：./static/img/local.png
不能写这样的相对路径： ../../../static/img/local.png
具体看下图标注：
类似的还有下面这个：
但是对于html里面就不用，如下图：
同时附上config里面的配置：
