本文主要是介绍Spring WebFlux + React搭建后台管理系统(8):通过access鉴权,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
不得不说umi这个access功能还是比较实用的,现在鉴权的逻辑写起来要方便的多。我们可以通过access轻松实现很多功能:
- 通过不同权限展示不同的菜单
- 在组建中展示不同的内容
- 对写入功能进行限制
做一个简单的实践,下面是三个用户不同权限,以及不同权限能达到的目的:
用户 | 权限 | 功能 |
---|---|---|
ffzs | admin | 可以查看所有内容包括权限,修改人等,以及添加用户,修改用户,删除用户 |
dz | it | 可以看到部分用户信息,可以修改用户部分信息 |
vincent | hr | 只能查看用户部分信息,不可修改 |
1. 权限设置
- 在access.ts文件中设定
- 通过比对权限列表来确定是否有权限
- 读权限收有人都有,it有修改权限,admin有所有权限
const isIn = (list1:Array<string>, list2:Array<string>) => {return list1.filter(item => {return list2.includes(item)}).length !== 0;
};export default function access(initialState: { currentUser?: API.CurrentUser | undefined }) {const { currentUser } = initialState || {};const accessAdmin = ['ROLE_ADMIN'];const accessRead = ['ROLE_ADMIN', 'ROLE_HR', 'ROLE_IT'];const accessUpload = ['ROLE_ADMIN', 'ROLE_IT'];return
这篇关于Spring WebFlux + React搭建后台管理系统(8):通过access鉴权的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!