第六节:Vben Admin权限-后端控制方式

本节介绍Vben Admin后端控制权限的方式,包括切换到BACK模式,分析getPermCode接口,实现该接口以返回角色权限码,并解决登录后的菜单显示问题。通过这一过程,逐步理解Vben Admin的权限管理机制。

系列文章目录

基础篇
第一节: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框架实战(Python后端)



前言

上一节,我们了解了Vben Admin前端控制方式权限的实现方式。并手动创建了一个路由和菜单,最后,通过结合用户角色,可以控制菜单的显示和隐藏。
本节,我们开始实践Vben Admin后端控制方式生成权限。


一、角色权限(后端方式控制)

修改permissionMode 为 BACK 模式,然后重新启动项目
在这里插入图片描述
再次登录项目的时候,发现有报错了!哎,这是咋回事?
在这里插入图片描述
F12观察下请求,看到新增了一个api/getPermCode的请求。这个请求哪里来的,我们找一找。

1. getPermCode接口分析

项目这么多文件,我们需要挨个文件搜吗,还记得上一节课,我介绍的技巧吗,通过grep命令可以快速搜索关键字。
如图,可以看到最值得关注的文件应该就是src/store/modules/permission.ts了。

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值