vue动态路由刷新空白,vue高德刷新后空白

vue动态路由刷新空白,vue高德刷新后空白

1.用户点击按钮，用addRutes动态添加路由并跳转，并把路由保存；2.用户在新跳转的页面，刷新时暂存刷新的页面，利用beforeEach进行拦截判断，如果发现之前有保存路由路径，并且判断新页首先，在Main.ts(在router里面写也行，都一样)里的路由守卫外先执行一遍路由初始化，注意判断token是否存在，不然没登录的用户一样获得了动态路由，权限管理就失效

解决在vue3中添加动态路由后，刷新页面空白，并且提示没有正确的路径。问题页面空白控制台提示错误解决过程在router.beforeEach的第一行打印to。发现to.matched.length为1,用vue-element-admin写后台，需要动态加载路由，实现后，发现在动态加载的路由页面，刷新页面，会跳转到自定义的404页面，而不是在当前页面这是因为vuex 中sotre

1.先确认⾃⼰在route.js 或者main.js 中有没有使⽤路由守卫vue.beforeEach和vue.addRouters() 促使页⾯每次刷新，重新根据后台返回数据⽣成动态路由，就像你在登陆时做的事什么问题，不过这种做法需要在登录和首页之间通过url 跳转，感觉总是不太”优雅”，实际上只要能在登录后动态修改当前实例的路由就行了，之前确实没办法，但vue-r

(＊?↓˙＊) // ./src/router/extend.ts 新增如下代码：** * 动态添加路由当缓存时只会存储其路由清单树，不会存储其关联的视原因：刷新时，动态路由需要重新挂载到路由实例，但是在App.vue中调用init方法去初始化，并不能解决，因为App.vue属于路由的根，还未进入就被通配符拦截到404页面

Vue动态路由、菜单（解决了刷新菜单空白问题）全局前置守卫router.beforeEac。。。Vue动态路由、菜单（解决了刷新菜单空⽩问题）全局前置守卫router.beforeEac。。。⼀、动原因：vuex持久化插件导致的解决方法：在main.js中的new Vue()中加入created(){ } 然后把你创建动态路由的方法拿过去，这样就可以解决问题了。