vue-element-amdin不同身份权限登录

Free阿

于 2021-01-04 17:48:49 发布

阅读量1.3k

点赞数 1

文章标签：前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_46605745/article/details/112188476

版权

1、接通登录接口会返回token值，在permission.js文件的getToken方法是判断是否有token值的
在这里插入图片描述
因为我调了登录接口有了token值所以此时我是有权限的访问的

2、第二步是获取身份数组并处理路由数据，当有了权限后会根据身份信息做一个路由处理，会去store里面获取处理好的路由的数据
在这里插入图片描述

此时我们的hasRoles是false，因为还没有获取身份的数组，所以我们走else，尝试去获取用户的身份信息，身份信息包含了身份权限。在这里插入图片描述

3、去store获取商户身份权限信息，
在这里插入图片描述

上面的roles是getInfo方法触发的返回值在这里插入图片描述
4、拿着身份权限信息admin去处理路由，下面的roles是我们的admin，accessRoutes就是我们处理好的新路由,把新的路由添加到老的路由里面

5、上步骤走完后就会再次从开头判断时是否有token再走一遍，此时再来一遍有权限
在这里插入图片描述

在这里插入图片描述
然后就登录进去了
以上内容为个人理解，若帮到了你，我很开心，若有大神看到，哪里有逻辑不对可在评论处指点一二，但请勿喷。谢谢

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。