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

Posted 223zzm

tags:

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

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

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

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

 

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