umi项目菜单权限管理(access)

傷城~ 2022-09-14 14:20 415阅读 0赞

[介是官方文档中给出的描述][Link 1]

我们约定了 `src/access.js` 为我们的权限定义文件，该文件需要默认导出一个方法，导出的方法会在项目初始化时被执行。该方法需要返回一个对象，对象的每一个值就对应定义了一条权限。如下所示：

export default function access(initialState) {
      const { jwt } = initialState || {};
      const { groups = [] } = jwt;  // 获取初始化数据的token解析来的用户信息组
      return {    // 返回的对象里面可以定义多个权限，也就是多个键值对
        isAdmin: groups.includes('MAX-ADMIN'),  // 若返回用户信息组里面包含MAX-ADMIN，则就是有权限查看
        isOwner: groups.includes('OWNER')
      };
    }

其中 `initialState` 是通过初始化状态插件 `@umijs/plugin-initial-state` 提供的数据，你可以使用该数据来初始化你的用户权限。不清楚如何使用initialState的移步我的另一篇博客

定义好了权限之后，可以在路由文件中使用：

// config/route.ts
    export const routes =  [
      {
        path: '/pageA',
        component: 'PageA',
        access: 'isAdmin', // 权限定义返回值的某个 key
      },
      {
        path: '/pageB',
        component: 'PageB',
        access: 'isOwner', // 权限定义返回值的某个 key
      },
    ]

文档中还给出了其他用法，根据项目需求使用  
就酱~

[Link 1]: https://umijs.org/zh-CN/plugins/plugin-access#%E5%90%AF%E7%94%A8%E6%96%B9%E5%BC%8F

发表评论取消回复

表情：

评论列表（有 0 条评论，415人围观）

还没有评论，来说两句吧...

相关阅读

相关检查文件权限access

在linux系统中，如果我们要对一个文件执行某个操作，那么我们必须得有该文件对应的权限才行。例如，需要读取一个文件，那么该文件必须具备读权限；想要修改文件里的内容，该文件就必须

我就是我/ 2024年03月27日 08:46/ 0 赞/ 61 阅读

相关【Layui】掌握的LayUI树形权限菜单，助力你的权限管理！

目录一、树形菜单的介绍 1、什么是树形菜单？二、实现思路流程三、实现步骤 1、查看数据 1）表数据 2）最终效果 2、编程 1）实体类编写 2）Pe

谁践踏了优雅/ 2024年03月17日 18:48/ 0 赞/ 68 阅读

相关 Jeecg 角色权限管理，菜单树出现underfed

如下图：点击权限管理右侧出现underfed ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t

系统管理员/ 2022年12月23日 06:57/ 0 赞/ 97 阅读

相关 umi项目案例：基于 umi3 + DVA + TS + Antd-Mobile 的商城项目模板

使用技术：基于 umi3 + DVA + TS + Antd-Mobile 的商城项目模板使用 `mockjs` 提供数据支持，放心使用项目地址：地址

红太狼/ 2022年10月30日 07:26/ 0 赞/ 291 阅读

相关多项目权限集中管理

流程架构图： ![点击查看原始大小图片][48a9ca50-3b74-3b51-b3b7-8ecf2fde0bae.png] 这里权限系统也可以理解为cas

阳光穿透心脏的1/2处/ 2022年09月25日 02:25/ 0 赞/ 162 阅读

相关 umi项目菜单权限管理(access)

[介是官方文档中给出的描述][Link 1] 我们约定了 `src/access.js` 为我们的权限定义文件，该文件需要默认导出一个方法，导出的方法会在项目初始化时被执行。

傷城~/ 2022年09月14日 14:20/ 0 赞/ 416 阅读

相关 access函数权限测试

include <unistd.h> int access(const char pathname, int mode);

比眉伴天荒/ 2022年07月13日 00:17/ 0 赞/ 151 阅读

相关后台权限管理项目总结

最近做了一个后台的权限管理项目，没有用到springSecurity，也没有用到shiro，纯粹是用原生态的写法做的，有点粗糙，但是思想没变，这里记录一下自己的

逃离我推掉我的手/ 2022年05月10日 16:33/ 0 赞/ 283 阅读

相关创建React+umi+dva+antd项目

创建React+umi+dva+antd项目本文是基于Windows 10系统环境，进行安装和使用 Windows 10 React ---------

刺骨的言语ヽ痛彻心扉/ 2021年09月21日 00:40/ 0 赞/ 801 阅读

相关 umi 项目搭建

1、创建项目 npm create xx 2、进入项目路径安装依赖 cnpm install 3、启动项目(项目

偏执的太偏执、/ 2021年07月24日 21:40/ 0 赞/ 489 阅读