权限控制设计

页面级权限控制

• 静态路由控制
  • 使用 beforeEach 导航守卫来检查权限，没有权限则重定向到错误页面或登录页面，有权限则 next()。
• 动态路由控制
  • 静态定义基础路由：登录页面和错误信息页面等
  • 从后端获取权限，使用 addRoute 动态生成路由表

组件级权限控制

• 使用 v-if

适用于少数组件需要进行权限控制且权限单一的场景。

• 使用自定义指令

  • 权限信息存在状态库中。
  • 定义一个自定义指令 v-permission 来处理权限。