系列文章目录
基础篇
第一节:Vben Admin介绍和初次运行
第二节:Vben Admin 登录逻辑梳理和对接后端准备
第三节:Vben Admin登录对接后端login接口
第四节:Vben Admin登录对接后端getUserInfo接口
第五节:Vben Admin权限-前端控制方式
第六节:Vben Admin权限-后端控制方式
第七节:Vben Admin权限-后端获取路由和菜单
实战篇
第八节:Vben Admin登录页面自定义
第九节:Vben Admin实战-系统管理之角色管理实现-上
第十节:Vben Admin实战-系统管理之角色管理实现(分页查询,修改)-中
第十一节:Vben Admin实战-系统管理之角色管理实现(删除,状态修改)-下
第十二节:Vben Admin实战-系统管理之用户管理
第十三节:Vben Admin实战-系统管理之菜单管理
前言
上一节,我们了解了Vben Admin前端控制方式权限的实现方式。并手动创建了一个路由和菜单,最后,通过结合用户角色,可以控制菜单的显示和隐藏。
本节,我们开始实践Vben Admin后端控制方式生成权限。
一、角色权限(后端方式控制)
修改permissionMode 为 BACK 模式,然后重新启动项目

再次登录项目的时候,发现有报错了!哎,这是咋回事?

F12观察下请求,看到新增了一个api/getPermCode的请求。这个请求哪里来的,我们找一找。
1. getPermCode接口分析
项目这么多文件,我们需要挨个文件搜吗,还记得上一节课,我介绍的技巧吗,通过grep命令可以快速搜索关键字。
如图,可以看到最值得关注的文件应该就是src/store/modules/permission.ts了。
本节介绍Vben Admin后端控制权限的方式,包括切换到BACK模式,分析getPermCode接口,实现该接口以返回角色权限码,并解决登录后的菜单显示问题。通过这一过程,逐步理解Vben Admin的权限管理机制。
订阅专栏 解锁全文





