前端Vue - 基于 RBAC 权限控制路由实现方式

完整流程：

1、封装接口，获取且存储用户信息

 2、在拿到 token 后调用接口请求

3、处理得到的路由数据

处理：

调用：

 去重：

4、动态拆分路由表

把有权限标识的路由单独抽离成一个数组：

5、过滤动态路由表

调用：

过滤：

6、把动态路由添加到路由系统中

调用 router.addRoute 方法

7、渲染左侧菜单

调用 mutation 函数把路由表存入 vuex

组合路由

真实渲染

8、优化网络请求与bug解决

优化处理：减少请求

bug解决​​​​​​​