简介

使用 ts 对 axios 进行封装，并提供了详尽的ts类型。

使用

yarn add auto-axios 或者 npm i auto-axios

配置化 axios

详见 配置表说明

• 约定的返回
• 请求可去重
• 请求重复错误弹框可控制
• 请求参数空数据自动处理
• 配置化 axios
• 错误码 可配置开关
• 错误消息 可配置开关
• 请求等待层 可配置开关
• 请求等待层 可配置开关

配置表

1interface IAutoRequestCfg {
2    REQ_CONST: {
3        BaseUrl: string,
4        LoginExpiredCode: Array<number|string>, // 会话超时错误码集合
5        RetSucCode: Array<number|string>, // 返回成功码集合
6        LoginUrl: string, // login请求的 path部分
7        AuthOperationUrl?: '', // 获取 csrftoken值的请求url
8
9        Timeout?: number, // m * s
10        DefaultLang?: string,
11        MaskClassNames?: Array<string>,
12    }
13    REQ_SWITCH?: {
14        GetErrMsgWay?: "byMap"|"byRes", // 错误消息来源
15        GlobalErrMsgSwitch?: TSwitch, // 全局错误消息 提示开关; 1 开启; 0 关闭
16        GlobalLoadingSwitch?: TSwitch, // 全局等待层 开关; 1 开启; 0 关闭
17        IfCancelDupReq?: TSwitch, // 是否取消重复请求; 1 取消重复请求; 0 不取消
18    },
19    RET_FIELDS_CFG: {
20        RetCode: string, // 返回码字段
21        RetMsg: string,
22        RetData: string,
23        RetCount: string, // 列表查询条数 统计字段
24        TokenStorageKey: string, // token字段在 Storage 里面的 key
25        TokenHttpKey: string, //  token字段在 http请求 里面的 key
26
27        LangStorageKey: string, // 存储 里的 语言字段 key
28        LangHttpKey?: string, // 发送给后台的 语言字段
29    },
30    REQ_WAYS_CFG?: {
31        DefaultWay?: 'post' | 'get' | 'delete' | 'put', // 默认请求方法
32        DefaultHeader?: IObjAny,
33    },
34    showTipBox(
35        retMsg?: string,
36        retCode?: string | number,
37        statusCode?: string | number,
38        response?: IRespConfig|AxiosResponse,
39    ): void; // 错误弹框 回调
40    // 返回 loadService 对象需要提供 closeLoadMask() + showLoadMask() 方法
41    getLoadService?: () => ILoad; // getLoadService: (): ILoad => ({ showLoadMask, closeLoadMask })
42    beforeReq?: (config:AxiosRequestConfig) => void; //  请求前最后可直接修改 config的入口
43}