【Vue】npm run build部署上线后，static里部分图片路径不对，无法正常显示

现象

v-bind:src="../../../static/logo.png"

使用了以上方式绑定了静态资源，npm run build部署，路径不对，404

但是工程中src="../../../static/logo.png"这种非绑定的可以正常访问。

原因：

找了很多网上的例子，配置域名，config下的index.js文件 将build下的assetsPublicPath的斜杠改成 ./ ，utils.js改成../../

都没成功。

原因在于，v-bind:src方式绑定的静态资源与普通的src="xxx.png"不同

 

解决方式：

第一种：

v-bind:src="../../../static/logo.png"  

修改=>v-bind:src=require("../../../static/logo.png")

第二种：

部署前把路径修改为  v-bind:src="./static/logo.png"（原理不了解）

第三种：

https://blog.csdn.net/Miss_liangrm/article/details/101201554

 

参考：

https://blog.csdn.net/Miss_liangrm/article/details/101201554

https://blog.csdn.net/Miss_liangrm/article/details/101201554

https://blog.csdn.net/csdn_yudong/article/details/84936130