antdesignpro 权限_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"

]

}

}