解决vue打包上线后一片空白问题
打包后用浏览器打开html文件,很糟糕出现了空白页 然后我们查看控制台报错信息,我们知道是html页并没有成功引入打包后的项目文件 然后我们打开html文件,并对代码进行整理,修改引入文件的路径为“./static”,然后再用浏览器打开HTML文件就可以查看到内容了,说明我们打包的路径是有问题的 原因是打包的过程中直接将static直接作为了直接路径所以打包...
·
打包后用浏览器打开html文件,很糟糕出现了空白页
然后我们查看控制台报错信息,我们知道是html页并没有成功引入打包后的项目文件
然后我们打开html文件,并对代码进行整理,修改引入文件的路径为“./static”,然后再用浏览器打开HTML文件就可以查看到内容了,说明我们打包的路径是有问题的
原因是打包的过程中直接将static直接作为了直接路径
所以打包前在下面打开如下图所示的config.js文件,并修改assetsPublicPath的值为assetsPublicPath: './'。
或者修改下图文件,在output中添加 publicPath:'./',
这回在打开HTML文件就可以看到内容了,但是又发现一个问题,背景图片并没有正常显示出来
我们依然查看控制台,可以看到控制台的路径是不对的
打开如下图所示的文件,在空框位置处添加publicPath:'../../'
重新查看HTML页面就都显示出来了,我们修改成功了。
更多推荐
已为社区贡献6条内容
所有评论(0)