vue打包之后图片路径错误问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打包之后图片路径错误问题相关的知识,希望对你有一定的参考价值。

参考技术A 项目打包后路径错误导致404。

webpack打包以后,在dist文件中生成一个static的目录和一个index.html,会默认把图片路径改为'static/img',这样的路径错误的取不到图片。

在 build/utils.js 文件中添加publicPath: '../../',重新打包上传到服务器,再运行图片就出现了

以上是关于vue打包之后图片路径错误问题的主要内容,如果未能解决你的问题,请参考以下文章

vue开发之图片加载不出来问题解决

vue-cli在打包后js获取的图片路径错误问题时候

vue-cli 结局图片打包路径错误问题

vue项目打包图片路径错误

vue项目打包后资源相对引用路径的和背景图片路径问题

解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题