You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.9 KiB
102 lines
2.9 KiB
/*
|
|
* @Author: 卜启缘
|
|
* @Date: 2021-06-24 23:19:48
|
|
* @LastEditTime: 2021-06-24 23:35:57
|
|
* @LastEditors: 卜启缘
|
|
* @Description: axios简单的封装
|
|
* @FilePath: \vite-vue3-lowcode\src\utils\http\request.ts
|
|
*/
|
|
import axios, { AxiosRequestConfig } from 'axios';
|
|
import qs from 'qs';
|
|
// import store from '@/store'
|
|
import { Toast } from 'vant';
|
|
import { ContentTypeEnum } from './httpEnum';
|
|
import router from '@/router';
|
|
|
|
// create an axios instance
|
|
const service = axios.create({
|
|
baseURL: import.meta.env.VITE_API_URL as string, // url = base api url + request url
|
|
withCredentials: true, // send cookies when cross-domain requests
|
|
timeout: 10000, // request timeout
|
|
});
|
|
interface CustomAxiosRequestConfig extends AxiosRequestConfig {
|
|
hideLoading?: boolean;
|
|
}
|
|
|
|
interface BaseResponse<T = any> {
|
|
code: number;
|
|
data: T;
|
|
msg: string;
|
|
}
|
|
|
|
// request拦截器 request interceptor
|
|
service.interceptors.request.use(
|
|
(config: CustomAxiosRequestConfig) => {
|
|
// 不传递默认开启loading
|
|
if (!config.hideLoading) {
|
|
// loading
|
|
Toast.loading({
|
|
forbidClick: true,
|
|
});
|
|
}
|
|
// if (store.getters['user/token'] && config.headers) {
|
|
// config.headers['X-Token'] = store.getters['user/token']
|
|
// }
|
|
const contentType = config.headers?.['content-type'] || config.headers?.['Content-Type'];
|
|
const data = config.data;
|
|
if (config.method?.toLocaleUpperCase() == 'POST' && data) {
|
|
if (ContentTypeEnum.FORM_DATA == contentType) {
|
|
const fd = new FormData();
|
|
Object.keys(data).forEach((key) => fd.append(key, data[key]));
|
|
config.data = fd;
|
|
} else if (ContentTypeEnum.FORM_URLENCODED == contentType) {
|
|
config.data = qs.stringify(config.data);
|
|
}
|
|
}
|
|
return config;
|
|
},
|
|
(error) => {
|
|
// do something with request error
|
|
console.log(error); // for debug
|
|
return Promise.reject(error);
|
|
},
|
|
);
|
|
// respone拦截器
|
|
service.interceptors.response.use(
|
|
(response) => {
|
|
Toast.clear();
|
|
const res = response.data;
|
|
if (res.code && res.code !== 0) {
|
|
// 登录超时,重新登录
|
|
if (res.code === 401) {
|
|
// store.dispatch('FedLogOut').then(() => {
|
|
// location.reload()
|
|
// })
|
|
router.replace('/error');
|
|
} else {
|
|
Toast(res.msg || '服务器访问出错了~');
|
|
}
|
|
return Promise.reject(res || 'error');
|
|
} else {
|
|
return Promise.resolve(response);
|
|
}
|
|
},
|
|
(error: Error) => {
|
|
if (error.message?.includes('timeout')) {
|
|
Toast('请求超时!');
|
|
}
|
|
console.log(`err${error}`); // for debug
|
|
return Promise.reject(error);
|
|
},
|
|
);
|
|
|
|
const request = <T = any>(config: CustomAxiosRequestConfig): Promise<BaseResponse<T>> => {
|
|
return new Promise((resolve, reject) => {
|
|
service
|
|
.request<BaseResponse<T>>(config)
|
|
.then((res) => resolve(res.data))
|
|
.catch((err) => reject(err));
|
|
});
|
|
};
|
|
|
|
export default request;
|
|
|