vue权限验证整体思路:
1、登录身份验证拿到用户的token
2、通过token拿到用户的角色信息(每个角色对应不同的权限,比如admin:超级管理员),
3、拿到用户的角色信息后筛选权限相对应的路由信息,通过addRoutes添加路由
整体思路说来简单,可是细节也很多。
文章末尾有完整案例代码(客户端+服务器端), 先看下效果图,有图为证:
语言表达能力有限,直接完整demo代码,运行前端项目之前先npm i --save 安装依赖,一定要先把服务运行起来。
详情地址: https://www.huolihua.cn/#/article-detail/2itrmrg1jxk00000