RuoYi Vue 中自定义接口并设置权限验证（2023.12.13）

目录

1. 菜单权限

1.1 菜单权限效果

1.2 菜单权限作用

2. 自定义接口

2.1 添加按钮

 2.2 后端定义接口

2.3 前端添加权限测试组件

2.4 查看自定义按钮是否生效

3. 设置权限验证

3.1 设置“普通角色”权限

3.2 测试“普通角色”权限

---

1. 菜单权限

1.1 菜单权限效果

通过“菜单管理”来管理权限

1.2 菜单权限作用

• 前端：根据是否具有对应权限，控制组件是否给当前用户显示
• 后端：根据是否具有对应权限，控制接口是否给当前用户访问

用户 ry 默认为普通角色，在这里可以控制该用户的菜单权限及接口访问权限

2. 自定义接口

2.1 添加按钮

 2.2 后端定义接口

2.3 前端添加权限测试组件

2.4 查看自定义按钮是否生效

通过“超级管理员账号”查看自定义按钮

3. 设置权限验证

3.1 设置“普通角色”权限

3.2 测试“普通角色”权限