react 权限配置

方甘

已于 2023-04-17 10:23:39 修改

阅读量301

点赞数

文章标签：前端

于 2023-04-17 10:13:54 首次发布

本文链接：https://blog.csdn.net/weixin_43705236/article/details/130193914

版权

文章介绍了如何实现前端页面的权限控制，包括在路由中设置访问权限以限制部分页面的可见性，通过给Button添加特定属性来控制按钮显示，以及利用用户权限判断来动态显示标签。权限配置需要在云平台进行，并与用户角色关联。

摘要由CSDN通过智能技术生成

页面权限

若想控制有些页面只有部分人能看到，在路由中配置 access: 'canAccess'

按钮权限

若想控制有些按钮只有部分人能看到，给Button增加rhaspermission="ehr:workTimeManage:workTimeSetting:add" 属性
需要在云平台配置该权限所在页面路径，再为角色配置权限
需要引入LocationOp

标签权限

若是没有rhaspermission属性的标签：

import { useModel } from '@@/plugin-model/useModel'

const { initialState } = useModel('@@initialState')
const { currentUser } = initialState || {}

currentUser?.perms?.includes('ehr:perf:approval:configbtn') ? (
	<a click={ }>
		配置
	</a>
) : null