Vue动态路由：登录后首次点击侧边栏，显示白屏，手动刷新后能正常跳转

经过漫长的debug,发现在全局路由拦截中，当前路径没有匹配动态路由，路由缓存中只有可怜的8个记录，并没有我自己动态路由菜单数据由此怀疑，此时要么是动态路由没有加载完成，要么是路由丢失。既然是路由数据缺失导致没有匹配到动态路由，那么就在全局守卫中匹配路由为0的情况下，再加载下动态路由好了，代码如下：再运行项目，顺利解决，不知各位是否有其他解决办法，总感觉这样不是太好...

Mrs陶

3097人浏览 · 2019-09-11 14:39:00

Mrs陶 · 2019-09-11 14:39:00 发布

经过漫长的debug,发现在全局路由拦截中，当前路径没有匹配动态路由，路由缓存中只有可怜的8个记录，并没有我自己动态路由菜单数据

由此怀疑，此时要么是动态路由没有加载完成，要么是路由丢失。既然是路由数据缺失导致没有匹配到动态路由，那么就在全局守卫中匹配路由为0的情况下，再加载下动态路由好了，代码如下：

再运行项目，顺利解决，不知各位是否有其他解决办法，总感觉这样不是太好，后面遇到好的解决方案再继续完善。

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