umi框架,prolayout布局,access设置菜单权限,initialState全局初始化数据,配合使用,根据后端返回的权限信息,完成菜单的不同的权限的不同展示。
1. umi 配合 patlayout 布局, 实现根据配置的路由展示菜单栏
2. umi 的 access 插件,设置不同权限的菜单展示
3. 没有redux 仓库,通过 initialState 全局初始化数据,完成登陆后权限信息的保存、获取
4. 总体流程:
① 在app.tsx文件里,设置并导出 initialState 数据,其中有获取权限的方法,以及获取的权限字段
② 登录时调用 initialState 数据里的,调取接口方法,修改全局初始化里的权限值
② access插件,配合pro-layout ,设置路由菜单,根据 initialState 数据里的权限值,配置access 值,设置菜单权限
③ 每次刷新时,重新调用initialState 里的获取权限 方法
一、umi插件 access,配合pro-layout, 路由完成菜单、权限配置文章来源:https://www.toymoban.com/news/detail-457285.html
1. 配置pro-layout</文章来源地址https://www.toymoban.com/news/detail-457285.html
到了这里,关于react--umi, 根据权限展示菜单,完成页面权限分配,以及路由鉴权的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!