umi权限路由_Umi@3 中最灵活的权限控制方案

根据我上一次提到的方案，整合实现为 Umi@3 的插件。简单的试用了一下，发现几乎可以满足所有的需求，而且在我看来应该是理解成本最低的方案。

@umijs/plugin-access-layout

使用

使用 npm:

$ npm install --save-dev @umijs/plugin-access-layout

或者使用 yarn:

$ yarn add @umijs/plugin-access-layout --dev

说明

这个插件将 plugin-access 和 plugin-layout 插件的功能整合在一起，为了支持 Umi 的约定式用法，还有更多的动态设置方案。

特性

1、支持约定式和配置式

2、动态修改权限

3、动态使用菜单

4、支持运行时配置 Pro-Layout

5、支持页面级别配置 Pro-Layout

6、支持页面级权限

7、支持页面级修改权限

8、支持不使用 Pro-layout

9、兼容 Pro 旧项目的写法

搭配其他插件

1、配套 plugin-locale 使用，会默认开始国际化的菜单

2、配合 plugin-model 使用，可以使用 useModel('@@accessLayout')

3、配合 plugin-initial-state 使用，可以不指定权限判断数据

Config 配置

accessLayout: {iconNames: ['smile'], // 约定式用法，需要将所有用到的 icon 名称写全࿰