美文网首页
权限管理

权限管理

作者: 二三筆 | 来源:发表于2020-10-19 17:08 被阅读0次

涉及文件

└── 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',
        },
      ],
    },

相关文章

网友评论

      本文标题:权限管理

      本文链接:https://www.haomeiwen.com/subject/zgzkmktx.html