zhangchen
2023-10-23 61b8b562f74691ae4dfe11008339450d0bc91ea1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import axios, { AxiosInstance } from 'axios';
import { ElMessage } from 'element-plus';
import { Session } from '/@/utils/storage';
import qs from 'qs';
import i18n from "/@/lang"
 
// 配置新建一个 axios 实例
const service: AxiosInstance = axios.create({
    baseURL: import.meta.env.VITE_API_URL,
    timeout: 50000,
    headers: { 'Content-Type': 'application/json' },
    paramsSerializer: {
        serialize(params) {
            return qs.stringify(params, { allowDots: true });
        },
    },
});
 
// 添加请求拦截器
service.interceptors.request.use(
    (config) => {
        // 在发送请求之前做些什么 token
        if (Session.get('token')) {
            config.headers!['Authorization'] = 'Bearer ' + `${Session.get('token')}`;
        }
        return config;
    },
    (error) => {
        // 对请求错误做些什么
        return Promise.reject(error);
    }
);
 
// 添加响应拦截器
service.interceptors.response.use(
    (response) => {
        // 对响应数据做点什么
        const res = response.data;
        if (res.code && res.code !== 0) {
            // `token` 过期或者账号已在别处登录
            if(res.code === 401 || res.code === 4001 || res.code === 50014) {
                Session.clear(); // 清除浏览器全部临时缓存
            } else if(res.code === 200) {
                return response.data;
            } else if(res.code === 400) {
                ElMessage.error(res.message);
            } else if(res.code === 500) {
                ElMessage.error(res.message);
            }
 
            return Promise.reject(service.interceptors.response);
        } else {
            return res;
        }
    },
    (error) => {
        // 对响应错误做点什么
        if (error.message.indexOf('timeout') != -1) {
            ElMessage.error(i18n.global.t("request.connectionTimedOut"));
        } else if (error.message == 'Network Error') {
            ElMessage.error(i18n.global.t("request.connectionError"));
        } else {
            if (error.response.data) ElMessage.error(error.response.statusText);
            else ElMessage.error("request.systemException");
        }
        return Promise.reject(error);
    }
);
 
// 导出 axios 实例
export default service;