资讯专栏INFORMATION COLUMN

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

宠来也 / 761人阅读

摘要:到后面版本增加的函数,使得可以创建路由表,先上流程图流程重点在于跳转页面的时候有没有动态路由流程解说进入网页的时候,首先创建一部分静态路由表,这份静态路由表里面包含登录页面,这是保证输入的时候有页面可以访问登录后,从服务器拉取登录用户的访问

vue到后面版本增加router.addRoutes的函数,使得可以创建路由表,先上流程图

流程重点:在于跳转页面的时候 有没有 动态路由
流程解说:

进入网页的时候,首先创建一部分静态路由表,这份静态路由表里面包含登录页面,这是保证输入url的时候有页面可以访问

登录后,从服务器拉取登录用户的访问权限的列表,保存到sessionstorage

在 router.beforeEach钩子函数里面 判断有没有 动态路由表(此函数是路由跳转前运行的函数)

在钩子函数里面判断有没有动态路由表,有就进行页面跳转,没有就创建动态路由表

假如sessionstorage里面没有存路由信息,则跳转回登录页面重新登录获取路由信息

重点解说:

从服务器拉取角色的路由表,本地存一份总路由表,在跟服务器拉取的路由表进行筛选,最后保存筛选过后的到sessionstorage

页面每次跳转的时候,判断有没有动态路由表,没有的话去新建路由表

源码:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52772.html

相关文章

  • vue权限控制动态路由),程图

    摘要:到后面版本增加的函数,使得可以创建路由表,先上流程图流程重点在于跳转页面的时候有没有动态路由流程解说进入网页的时候,首先创建一部分静态路由表,这份静态路由表里面包含登录页面,这是保证输入的时候有页面可以访问登录后,从服务器拉取登录用户的访问 vue到后面版本增加router.addRoutes的函数,使得可以创建路由表,先上流程图showImg(https://segmentfault...

    苏丹 评论0 收藏0
  • vue中如何实现后台管理系统的权限控制

    摘要:二接口访问的权限控制接口权限就是对用户的校验。代码如下按扭权限指令至此为止,权限控制流程就已经完全结束了,在最后我们再看一下完整的权限控制流程图吧五路由控制完整流程图六参考文献手撸后台管理网站之权限控制手摸手,带你用撸后台之权限控制 原文首发于我的博客,欢迎点击查看获得更好的阅读体验~ 一、前言 在广告机项目中,角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分,其...

    songze 评论0 收藏0
  • vue中如何实现后台管理系统的权限控制

    摘要:二接口访问的权限控制接口权限就是对用户的校验。代码如下按扭权限指令至此为止,权限控制流程就已经完全结束了,在最后我们再看一下完整的权限控制流程图吧五路由控制完整流程图六参考文献手撸后台管理网站之权限控制手摸手,带你用撸后台之权限控制 原文首发于我的博客,欢迎点击查看获得更好的阅读体验~ 一、前言 在广告机项目中,角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分,其...

    iliyaku 评论0 收藏0
  • vue中如何实现后台管理系统的权限控制

    摘要:二接口访问的权限控制接口权限就是对用户的校验。代码如下按扭权限指令至此为止,权限控制流程就已经完全结束了,在最后我们再看一下完整的权限控制流程图吧五路由控制完整流程图六参考文献手撸后台管理网站之权限控制手摸手,带你用撸后台之权限控制 原文首发于我的博客,欢迎点击查看获得更好的阅读体验~ 一、前言 在广告机项目中,角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分,其...

    VincentFF 评论0 收藏0
  • Java学习路线总结,搬砖工逆袭Java架构师(全网最强)

    摘要:哪吒社区技能树打卡打卡贴函数式接口简介领域优质创作者哪吒公众号作者架构师奋斗者扫描主页左侧二维码,加入群聊,一起学习一起进步欢迎点赞收藏留言前情提要无意间听到领导们的谈话,现在公司的现状是码农太多,但能独立带队的人太少,简而言之,不缺干 ? 哪吒社区Java技能树打卡 【打卡贴 day2...

    Scorpion 评论0 收藏0

发表评论

0条评论

宠来也

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<