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

Posted 2022-05-22 223zzm

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题相关的知识，希望对你有一定的参考价值。

在config/index.js中的build命令的配置有一个属性叫assetsPublicPath，它的值为‘/’。意思是根目录，这时会从index.html所在的硬盘的根目录下开始查找，自然无法找到。

解决办法：改为‘./’这时就不再是绝对路径的根目录了，而是改为了相对路径，同目录下进行查找。

build: 
    ...
    assetsPublicPath: ‘./‘,

以上是关于解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题的主要内容，如果未能解决你的问题，请参考以下文章