78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
import axios from 'axios';
|
|
import qs from 'qs';
|
|
import { getStorageToken } from '@/utils';
|
|
import { ElMessage } from 'element-plus';
|
|
import type { AxiosRequestConfig, AxiosInstance } from 'axios';
|
|
import { errorHandler } from './errorHandler';
|
|
|
|
export interface StatusConfig {
|
|
/** 表明请求状态的属性key */
|
|
statusKey: string;
|
|
/** 请求信息的属性key */
|
|
msgKey: string;
|
|
/** 成功状态的状态码 */
|
|
successCode: string | number;
|
|
}
|
|
|
|
/**
|
|
* 封装axios请求类
|
|
* @author Soybean(曹理斌) 2021-03-13
|
|
* @class CustomAxiosInstance
|
|
*/
|
|
export default class CustomAxiosInstance {
|
|
instance: AxiosInstance;
|
|
|
|
constructor(
|
|
axiosConfig: AxiosRequestConfig,
|
|
statusConfig: StatusConfig = {
|
|
statusKey: 'code',
|
|
msgKey: 'message',
|
|
successCode: 200
|
|
}
|
|
) {
|
|
this.instance = axios.create(axiosConfig);
|
|
this.setInterceptor(statusConfig);
|
|
}
|
|
|
|
/** 设置请求拦截器 */
|
|
setInterceptor(statusConfig: StatusConfig) {
|
|
this.instance.interceptors.request.use(
|
|
config => {
|
|
const handleConfig = { ...config };
|
|
// content-type为application/x-www-form-urlencoded类型的data参数需要序列化
|
|
if (handleConfig.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
|
|
handleConfig.data = qs.stringify(handleConfig.data);
|
|
}
|
|
// 设置token
|
|
handleConfig.headers.Authorization = getStorageToken();
|
|
|
|
return handleConfig;
|
|
},
|
|
error => {
|
|
errorHandler(error);
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
this.instance.interceptors.response.use(
|
|
response => {
|
|
const { status, data } = response;
|
|
const { statusKey, msgKey, successCode } = statusConfig;
|
|
if (status === 200 || status < 300 || status === 304) {
|
|
if (data[statusKey] === successCode) {
|
|
return Promise.resolve(data.data);
|
|
}
|
|
ElMessage.error(data[msgKey]);
|
|
return Promise.reject(data[msgKey]);
|
|
}
|
|
const error = { response };
|
|
errorHandler(error);
|
|
return Promise.reject(error);
|
|
},
|
|
error => {
|
|
errorHandler(error);
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
}
|
|
}
|