|
|
/*
|
|
|
* axios.ts
|
|
|
* Copyright (C) 2023 veypi <i@veypi.com>
|
|
|
* 2023-09-22 20:22
|
|
|
* Distributed under terms of the MIT license.
|
|
|
*/
|
|
|
|
|
|
import axios, { AxiosError, AxiosResponse } from 'axios';
|
|
|
import cfg from '../cfg';
|
|
|
|
|
|
// Be careful when using SSR for cross-request state pollution
|
|
|
// due to creating a Singleton instance here;
|
|
|
// If any client changes this (global) instance, it might be a
|
|
|
// good idea to move this instance creation inside of the
|
|
|
// "export default () => {}" function below (which runs individually
|
|
|
// for each client)
|
|
|
|
|
|
axios.defaults.withCredentials = true
|
|
|
const proxy = axios.create({
|
|
|
withCredentials: true,
|
|
|
headers: {
|
|
|
'content-type': 'application/json;charset=UTF-8',
|
|
|
},
|
|
|
});
|
|
|
|
|
|
|
|
|
// 请求拦截
|
|
|
const beforeRequest = (config: any) => {
|
|
|
// 设置 token
|
|
|
const token = cfg.token
|
|
|
config.retryTimes = 3
|
|
|
// NOTE 添加自定义头部
|
|
|
token && (config.headers.Authorization = `Bearer ${token}`)
|
|
|
// config.headers['auth_token'] = ''
|
|
|
return config
|
|
|
}
|
|
|
proxy.interceptors.request.use(beforeRequest)
|
|
|
|
|
|
// 响应拦截器
|
|
|
const responseSuccess = (response: AxiosResponse) => {
|
|
|
// eslint-disable-next-line yoda
|
|
|
// 这里没有必要进行判断，axios 内部已经判断
|
|
|
// const isOk = 200 <= response.status && response.status < 300
|
|
|
let data = response.data
|
|
|
if (response.config.method === 'head') {
|
|
|
data = JSON.parse(JSON.stringify(response.headers))
|
|
|
}
|
|
|
return Promise.resolve(data)
|
|
|
}
|
|
|
|
|
|
const responseFailed = (error: AxiosError) => {
|
|
|
const { response, config } = error
|
|
|
if (!window.navigator.onLine) {
|
|
|
|
|
|
alert('没有网络')
|
|
|
return Promise.reject(new Error('请检查网络连接'))
|
|
|
}
|
|
|
|
|
|
// @ts-ignore
|
|
|
if (!config || !config.retryTimes) {
|
|
|
return Promise.reject(response?.data || response?.headers.error)
|
|
|
};
|
|
|
// @ts-ignore
|
|
|
const { __retryCount = 0, retryDelay = 300, retryTimes } = config;
|
|
|
// 在请求对象上设置重试次数
|
|
|
// @ts-ignore
|
|
|
config.__retryCount = __retryCount;
|
|
|
// 判断是否超过了重试次数
|
|
|
if (__retryCount >= retryTimes) {
|
|
|
return Promise.reject(response?.data || response?.headers.error)
|
|
|
}
|
|
|
// 增加重试次数
|
|
|
// @ts-ignore
|
|
|
config.__retryCount++;
|
|
|
// 延时处理
|
|
|
const delay = new Promise<void>((resolve) => {
|
|
|
setTimeout(() => {
|
|
|
resolve();
|
|
|
}, retryDelay);
|
|
|
});
|
|
|
// 重新发起请求
|
|
|
return delay.then(function() {
|
|
|
return axios(config);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
proxy.interceptors.response.use(responseSuccess, responseFailed)
|
|
|
|
|
|
|
|
|
const ajax = {
|
|
|
get(url: string, data = {}, header?: any) {
|
|
|
return proxy.get<any, any>(url, { params: data, headers: header })
|
|
|
},
|
|
|
head(url: string, data = {}, header?: any) {
|
|
|
return proxy.head<any, any>(url, { params: data, headers: header })
|
|
|
},
|
|
|
delete(url: string, data = {}, header?: any) {
|
|
|
return proxy.delete<any, any>(url, { params: data, headers: header })
|
|
|
},
|
|
|
|
|
|
post(url: string, data = {}, header?: any) {
|
|
|
return proxy.post<any, any>(url, data, { headers: header })
|
|
|
},
|
|
|
put(url: string, data = {}, header?: any) {
|
|
|
return proxy.put<any, any>(url, data, { headers: header })
|
|
|
},
|
|
|
patch(url: string, data = {}, header?: any) {
|
|
|
return proxy.patch<any, any>(url, data, { headers: header })
|
|
|
},
|
|
|
}
|
|
|
|
|
|
export default ajax
|
|
|
|