Vue权限验证(完整demo)

vue权限验证整体思路：

1、登录身份验证拿到用户的token

2、通过token拿到用户的角色信息（每个角色对应不同的权限，比如admin:超级管理员）,

3、拿到用户的角色信息后筛选权限相对应的路由信息，通过addRoutes添加路由

整体思路说来简单，可是细节也很多。

文章末尾有完整案例代码（客户端+服务器端）, 先看下效果图，有图为证：

v2z78-ao3ud.gif

语言表达能力有限，直接完整demo代码，运行前端项目之前先npm i --save 安装依赖，一定要先把服务运行起来。

微信截图_20210409103423.png

详情地址： https://www.huolihua.cn/#/article-detail/2itrmrg1jxk00000

完整代码：https://gitee.com/huolihua/vue-admin-permission.git