Ant Design Pro：权限管理

access.js

src/access.js 为权限定义文件,此文可以导出一个方法,会在登录时执行,方法中 return 返回的对象规定了当前的可用权限。

return 中的语法为键值对形式 ,如下图

export default function access(initialState) {
 
  return {
    canAdmin:false,
  };
}

接下来只需要在 config/routes.js 路由中为路由项中添加 access 属性, access 属性的值呢, 为在 access 文件返回的对象中的其中一个键名。以字符串的形式写入,如下:

export default [
  {
    name: 'admin',
    path: '/admin',
    access: 'canAdmin',
  }
]

路由则会在加载时去 access 返回的对象中寻找 这个键名的值,为 true 则当前用户拥有该权限,反之 false 则当前用户无该权限,返回403。

接下来可以在 access 文件下的键的值根据当前账户所拥有的权限做一些操作来让这些路由权限的键拥有动态的值。这样一来,就完成了账户的权限判断了。