美文网首页
ant design pro 权限管理

ant design pro 权限管理

作者: 毕安 | 来源:发表于2019-04-29 11:21 被阅读0次

    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 权限管理

          本文链接:https://www.haomeiwen.com/subject/lbgenqtx.html