解决vue打包后是空白页面
分析有的小伙伴可能在刚完成一个vue项目的时候,要打包上线了,在打包完成后打开项目查看一下发现页面是一片空白,后来打开控制台看,发现会有这样的报错出现。这是怎么回事呢?因为在你打包项目的时候打包的路径出现了问题,你打包的是项目给你默认的绝对路径,我们只要把配置里的绝对路径改为相对路径就可以显示出页面后来的样子了。解决方法打开项目中的config文件夹 >index.js找到build
·
分析
有的小伙伴可能在刚完成一个vue项目的时候,要打包上线了,在打包完成后打开项目查看一下发现页面是一片空白,后来打开控制台看,发现会有这样的报错出现。这是怎么回事呢?因为在你打包项目的时候打包的路径出现了问题,你打包的是项目给你默认的绝对路径,我们只要把配置里的绝对路径改为相对路径就可以显示出页面后来的样子了。
解决方法
打开项目中的config文件夹 >index.js找到build对象下面的 assetsPublicPath 的值改为 ‘./’ 就可以了
默认
修改后
这个如果是一些特殊的情况也可以把他修改为指定路径(比如在百度的test文件夹下“https://www.baidu.com/test/”)
更多推荐
已为社区贡献1条内容
所有评论(0)