vue+electron打包后页面空白

本地pc开发测试都是正常的，但是在把代码打包之后，访问项目首页总是白屏，特别的费解。上面的图片是我打包后的截图，页面是空白的，控制台也不报错。分析原因第一种：一般情况下首先先确定是不是路径的问题，如果是路径问题的话修改路径。第二种：由于把路由模式mode设置成history了，默认是hash。解决办法：如果router/index中配置的默认模式是history,那么打包后就是空...

Wombat-

11585人浏览 · 2019-12-05 14:44:18

Wombat- · 2019-12-05 14:44:18 发布

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

分析原因

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^