解决vue打包后是空白页面

分析

有的小伙伴可能在刚完成一个vue项目的时候,要打包上线了,在打包完成后打开项目查看一下发现页面是一片空白,后来打开控制台看,发现会有这样的报错出现。这是怎么回事呢?因为在你打包项目的时候打包的路径出现了问题,你打包的是项目给你默认的绝对路径,我们只要把配置里的绝对路径改为相对路径就可以显示出页面后来的样子了。
在这里插入图片描述

解决方法

打开项目中的config文件夹 >index.js找到build对象下面的 assetsPublicPath 的值改为 ‘./’ 就可以了
解决vue打包后是空白页面_第1张图片

默认

解决vue打包后是空白页面_第2张图片

修改后

解决vue打包后是空白页面_第3张图片
这个如果是一些特殊的情况也可以把他修改为指定路径(比如在百度的test文件夹下“https://www.baidu.com/test/”)

你可能感兴趣的:(vue)