路由权限
权限路由
在权限路由模式下默认的路由都需要登录才能访问,需要配置权限可以添加 meta.roles
字段,该字段类型为 string[]
。
在前置路由守卫阶段,Teek 会先获取用户的基本信息包括角色,存在 userStore
,然后通过用户角色初始化权限路由,若能匹配到该角色则注册路由。
Teek 内置两个路由权限:roles
和 auths
:
- 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"],
},
}
详细的内容请看:进阶 - 权限。