源代码->路径A:src/assets/img/swipe-item-1.png
打包后->路径B:/img/swipe-item-1.af890143.png
放在“路径A”里面的图片,被vue打包到"路径B"
在vue的template中img标签直接使用“路径A”,“路径B”
或者绝对路径都可以看到图片。
绝路径<img src="@/assets/img/swipe-item-1.png" />
路径A<img src="../../assets/img/swipe-item-1.png" />
路径B<img src="/img/swipe-item-1.af890143.png" />
当用vue指令绑定的,只能使用打包之后的“路径B”
<img src="/img/swipe-item-1.af890143.png" />,
不能使用源代码路径“路径A”。
vue指令:<img v-for="(img,index) in imageList" :key="index" :src="img.url" />
如何解决问题?
方案一:把图片部署在服务器跟vue项目不同的目录,通过异步请求获取
方案二:改配置?具体如何操作?再看...
来源:oschina
链接:https://my.oschina.net/u/4161514/blog/4306874