权限管理

涉及文件

└── config
    ├── config.ts
└── src
    ├── access.ts

权限

由前面的登录可知,返回的数据如下

ant登录返回.PNG

可以看到其中的参数 access 为 admin,这个就是权限。

### src/access.ts ##############
// 权限写入
export default function access(initialState: { currentUser?: API.CurrentUser | undefined }) {
  const { currentUser } = initialState || {};
  return {
    canAdmin: currentUser && currentUser.access === 'admin',        // 1. 判断权限,使用conAdmin记录
  };
}

### config/config.ts ##############
// 路由中权限判断
{
      path: '/admin',
      name: 'admin',
      icon: 'crown',
      access: 'canAdmin',                                        // 2. 由前面的canAdmin的值进行判断
      component: './Admin',                                     
      routes: [                                                  
        {
          path: '/admin/sub-page',
          name: 'sub-page',
          icon: 'smile',
          component: './Welcome',
        },
      ],
    },

你可能感兴趣的:(权限管理)