涉及文件
└── config
├── config.ts
└── src
├── access.ts
权限
由前面的登录可知,返回的数据如下
可以看到其中的参数
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',
},
],
},
网友评论