AntD的前端设计(三)

在这之前已经完成网络请求推送用于前端和服务端进行交互, Login 接口已经完备只差授权机制验证了.

官方提供了认证机制文档

现在需要对之前的静态配置 config/config.ts 配置来处理:

export default defineConfig({
    // access 插件依赖 initial State 所以需要同时开启
    // 传入空对象则默认开启
    access: {},
    initialState: {},
    // 其他略  
})

之后就是定义过滤器, 编写需要修改权限过滤文件 ( src/access.ts ):

// 在这里按照初始化数据定义项目中的权限，统一管理
// 参考文档 https://umijs.org/docs/max/access
import {useModel} from "@@/exports";

export default () => {
    const {isLogin} = useModel('global');
    const isCheckAuth = isLogin();

    // 直接返回权限类型, 确认是否可以通过
    return {
        isCheckAuth: isCheckAuth
    };
};

MeteorCat / AntD的前端设计(三)

AntD的前端设计(三)