ant design pro 权限管理

ant design pro使用权限组件 Authorized来对系统进行权限管理

系统的当前权限是保存在localStorage当中的,currentAuthority默认为guest,在不同的页面中,可以通过utils/authority.js中的getAuthority()和setAuthority()方法对权限进行操作。

当用户进行login时,请求服务端的数据,会返回一个字段currentAuthority用来指定用户的角色,并将这个字段保存在localStorage中指定当前系统的用户角色,根据该用户角色行使对应的权限。当用户loginout时,同样也会改变系统的用户角色,即将它变为guest。

针对系统的权限,可以实现以下功能:
1、限制路由和菜单的访问
在router.config.js中有一个字段authority 用来配置这个路由的权限,如果配置了将会验证当前用户的权限,并决定是否展示。
2、拦截未登陆用户对页面的访问
系统当前用户角色为guest时,会对其他页面进行拦截,重定向到登陆页面,驱使用户登陆后再进行访问。
3、通过服务器动态追加页面权限
请求/api/auth_routes返回追加的页面权限,只需指定对应的路径和相应的角色权限

{
  "/": {
    "authority": [
      "admin",
      "user"
    ]
  },
  "/system": {
    "authority": [
      "admin"
    ]
  },
  "/standard": {
    "authority": [
      "admin"
    ]
  }
}

你可能感兴趣的:(ant design pro 权限管理)