Skip to content

路由权限

权限路由

在权限路由模式下默认的路由都需要登录才能访问,需要配置权限可以添加 meta.roles 字段,该字段类型为 string[]

在前置路由守卫阶段,Teek 会先获取用户的基本信息包括角色,存在 userStore ,然后通过用户角色初始化权限路由,若能匹配到该角色则注册路由。

Teek 内置两个路由权限:rolesauths

  • roles:角色,用来控制权限路由
  • auths:认证,用来控制路由产生的页面权限,即页面上是否有增删改查等按钮

案例:只有 admin 的角色才能访问该路由

json
{
  path: "role",
  component: () => import("@/views/permission/rolePermission.vue"),
  name: "RolePermission",
  meta: {
    title: "权限编辑",
    roles: ["admin"]
  }
}

案例:路由只有增改的按钮权限,没有删除权限:

json
{
  path: "switch",
  component: () => import("@/views/permission/switchPermission.vue"),
  name: "SwitchPermission",
  meta: {
    title: "权限切换",
    auths: ["btn_add", "btn_edit"],
  },
}

详细的内容请看:进阶 - 权限