vue打包后显示空白正确处理方法

Posted 渣渣菜鸟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打包后显示空白正确处理方法相关的知识,希望对你有一定的参考价值。

在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览。根据官网打包出来的html直接打开是显示空白。

 

正确的方法步骤是

1、找到配置文件

技术分享

修改

技术分享

 

这样打包处理可以打开但是页面样式会找不到

2、修改

技术分享

技术分享

找到对应的位置加上publicPath: ‘../../‘ 然后就成功了!

 

转载:http://www.wei86.cn/article/1/cid/3.html

以上是关于vue打包后显示空白正确处理方法的主要内容,如果未能解决你的问题,请参考以下文章

vue-element-admin打包后网页空白解决方法

vue打包后,轮播图的动画内容位置显示不正确,且动画失效

笔记vue-cli 打包后路径问题出错的解决方法

为啥vue打包后出现后 在浏览器上打开的是空白页

vue 页面空白问题总结

vue2项目打包放至app中显示空白,多数情况正常。