vue+electron打包后页面空白

本地pc开发测试都是正常的,可是在把代码打包以后,访问项目首页老是白屏,特别的费解。
在这里插入图片描述
上面的图片是我打包后的截图,页面是空白的,控制台也不报错。html

分析缘由web

  • 第一种:通常状况下首先先肯定是否是路径的问题,若是是路径问题的话修改路径。app

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

Alt
下面这张图是成功解决打包白屏的效果图在这里插入图片描述测试