vue+electron打包后页面空白

时间:2024-04-14 10:04:43

本地pc开发测试都是正常的,但是在把代码打包之后,访问项目首页总是白屏,特别的费解。
vue+electron打包后页面空白
上面的图片是我打包后的截图,页面是空白的,控制台也不报错。

分析原因

  • 第一种:一般情况下首先先确定是不是路径的问题,如果是路径问题的话修改路径。

  • 第二种:由于把路由模式mode设置成history了,默认是hash。解决办法:如果router/index中配置的默认模式是history,那么打包后就是空白,history将替换成hash或者把默认模式配置删除。
    如果非要使用history模式的话,需要你在服务端加一个覆盖所有的情况的候选资源:如果URL匹配不到任何静态资源,则应该返回一个index.html,这个页面就是你app依赖页面。所以只要删除mode或者把mode改成hash就OK了。

vue+electron打包后页面空白
下面这张图是成功解决打包白屏的效果图vue+electron打包后页面空白