vue3_动态添加路由,以及路由刷新后页面丢失问题

首先，是要将权限数据本地持久化存储

 

 接着在router文件夹index.js中引入store中的权限数据，并导出一个方法，判断权限当中的数据，并跟roleEnum路由规则匹配，匹配上之后则addRoute()

 

在登录之后调用这个方法，动态路由就匹配成功了。

 

 

 刷新之后，动态路由会消失。是因为路由重新刷新了，store中的数据也重新刷新，在main.js中引入这个方法，调用一次，记得要在router use前把路由匹配好。