如何实现页面级别的权限控制

后管系统核心功能: 实现不同用户登录之后, 看到不同的菜单, 访问不同的页面

方法: 动态的方式配置vue-router中的routes

流程:

  1. 用户登录, 获取他能访问的页面信息
  2. 根据页面信息, 从路由配置中选出用户能访问的部分
  3. 和不需要权限的静态路由拼接
  4. 动态配置routes
  5. routes会自动生成左侧菜单