现象
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