vue打包静态图片无法显示
源代码->路径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