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



相关文章
|
移动开发 缓存 自然语言处理
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
|
Windows
『NSSM』将Kibana及Logstash设置为Windows服务启动
📣读完这篇文章里你能收获到 - NSSM下载及使用 - 将Kibana及Logstash设置为Windows服务启动
711 0
『NSSM』将Kibana及Logstash设置为Windows服务启动
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
1186 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
消息中间件 测试技术 领域建模
DDD - 一文读懂DDD领域驱动设计
DDD - 一文读懂DDD领域驱动设计
40143 5
|
C++
[C++/PTA] 判断一个点是否在一个圆的内部
[C++/PTA] 判断一个点是否在一个圆的内部
172 0
基于antd实现动态修改节点的Tree组件
基于antd实现动态修改节点的Tree组件
891 0
|
前端开发 Java 数据库
手把手教你使用Spring Boot从零开始制作用户注册登录功能
手把手教你使用Spring Boot从零开始制作用户注册登录功能
6997 2
手把手教你使用Spring Boot从零开始制作用户注册登录功能
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
1144 0
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
Ant Design Pro:跨域配置代理
Ant Design Pro:跨域配置代理
537 0
|
自然语言处理 前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化
【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化
1150 0
【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化