Ant Design Pro:权限管理

简介: 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 文件下的键的值根据当前账户所拥有的权限做一些操作来让这些路由权限的键拥有动态的值。这样一来,就完成了账户的权限判断了。



相关文章
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1201 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
736 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
Ant Design Pro:设置目录配置
Ant Design Pro:设置目录配置
125 0
|
10月前
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
75 0
|
前端开发 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板 OpenAPI,快速管理你的请求接口。
前言 >转载好文,作者:[赵小左](https://blog.csdn.net/qq_31281245/article/details/126783707)
【Ant Design Pro】使用ant design pro做为你的开发模板 OpenAPI,快速管理你的请求接口。
Ant Design Pro:页面结构规范
Ant Design Pro:页面结构规范
106 0
|
设计模式 资源调度 JavaScript
Ant Design Pro安装及简单搭建
Ant Design Pro安装及简单搭建
509 1
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
831 0
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表