Vue项目打包后页面一片空白的解决方法

本文参考了网名“羞羞的铁拳”的解决办法，现记录如下：1、打包前路径设置的问题，具体参考这个链接：https://blog.csdn.net/liuhailong2014/article/details/908135092、src里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把模式配置删除，...

飞翔的小猿

3959人浏览 · 2019-06-05 10:41:42

飞翔的小猿 · 2019-06-05 10:41:42 发布

本文参考了网名“羞羞的铁拳”的解决办法，现记录如下：

1、打包前路径设置的问题，具体参考这个链接：https://blog.csdn.net/liuhailong2014/article/details/90813509

2、 src里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把模式配置删除，让它默认的就行。如果非要使用history模式的话，需要你在服务端加一个覆盖所有的情况的候选资源：如果URL匹配不到任何静态资源，则应该返回一个index.html,这个页面就是你app依赖页面，或者是显示404的错误界面。

over!

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}$/, //不连续的两位字母// /^