vue打包静态图片无法显示

ぐ巨炮叔叔 提交于 2020-10-16 03:31:02

源代码->路径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项目不同的目录,通过异步请求获取

方案二:改配置?具体如何操作?再看...

 
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!