ant design pro 权限管理

前言

这段时间一直用ant design pro这个框架开发项目，其中最重要的模块之一应该就是其自带的权限控制功能，现在也来谈谈我对这个模块代码的理解。随着框架的升级，代码部分可能有所改动，但其实现思路和方法应是没有大的变动。

权限管理

config/config.js

首先可以看到只需在config文件中进行路由配置，即能访问对应路由页面

export default {
   
  ...
  routes: [
    {
   
      path: '/user',
      component: '../layouts/UserLayout',
      routes: [
        {
   
          name: 'login',
          path: '/user/login',
          component: './user/login',
        },
      ],
    },
  ...
}

为了统一管理路由配置，我一般单独封装router.config.js文件，通过es6的export import最终配置到config.js文件

router.config

接着看看官网上的应用实例

{
   
  path: '/',
  component: