1、src/layout/Sidebar/index.vue,以下是控制左侧栏路由是否显示,通过permission_routes找到值从哪来的。

2、每次进入页面都会判断用户角色

3、在这里可以看到,获取到用户的角色信息,再来通过
store.dispatch('permission/generateRoutes', roles)
来获取路由列表4、通过store/modules/permission下generateRoutes方法在进行处理。

。。。
最终根据router.js,roles来控制各个页面的权限

网友评论