当前位置: 首页 > Web前端 > HTML

vue的权限控制(动态路由),附上流程图

时间:2023-04-02 21:57:03 HTML

vue在以后的版本中增加了router.addRoutes的功能,这样就可以创建路由表了,流程图过程的重点是是否有一个跳转到页面时的动态路由过程说明:进入网页时,首先创建静态路由表的一部分,其中包含登录页面。这是为了保证输入url的时候有页面可以访问。登录后,登录用户的访问权限列表从服务器中提取。保存到sessionstorage,在router.beforeEach钩子函数中判断是否有动态路由表(该函数是在路由跳转之前运行的函数)。在钩子函数中,判断是否有动态路由表。RoutingTable如果sessionstorage中没有保存路由信息,则跳回登录页面重新登录获取路由信息Filter,最后将过滤后的保存到sessionstorage页面。每次跳转到session存储页面,判断是否有动态路由表。如果没有,新建一个路由表源码: