vue动态添加路由刷新消失,vue路由跳转变空白页了

vue动态添加路由刷新消失,vue路由跳转变空白页了

有些场景需要使用addroutes来动态添加路由，但是刷新后就失效了。前段时间在项目中正好遇到这个应用场景，所以就花时间研究了一下，分享记录一下，发现了问题所在。 请纠正我。 应用场景：用户登录1.掌握必要的JS知识；2.拓展编程语言知识；3.巩固Web开发；4.掌握前端框架；5.加深前端和后端

1.通过routingguard//Routingguardrouter.beforeEach((to,from,next)=>{iView.LoadingBar.start();//console.log("store",store);//处理刷新接口解决动态路由丢失的问题是添加动态路由后需要重新导航才能生效。解决方案需要判断当前页面是否刷新，本地存储当前页面的路由访问过的页面 .nextrefresh用于判断当前页面是否刷新。使用vuex。

解决ovue-router添加动态路由，路由刷新后消失的问题，采用Vue3+Ts+vite手动构建项目，同样适用于vue-cli构建的项目。 项目流程就不详细说了，直接使用吧1.动态添加路由1.取出所有非第一层的数据2.Mapout

2.问题：添加后刷新页面，动态添加的路由会消失。如果找不到路由，可以使用本地存储缓存。页面路由权限判断解决。在vue3中添加动态路由后，刷新页面空白，提示不正确。 路径。 问题页面为空白，控制台提示错误解决过程。打印到router.before的第一行。 发现to.matched.length为1,