Skip to content

axios封装

js
import axios, { InternalAxiosRequestConfig, AxiosResponse } from 'axios';
import { TOKEN_KEY } from '@/enums/CacheEnum';

//创建axios实例
const service = axios.create({
    baseURL: import.meta.env.VITE_APP_BASE_API,
    timeout: 60000,
    headers: { 'Content-Type': 'application/json;charset=utf-8' }
});

//请求拦截器
service.interceptors.request.use(
    (config: InternalAxiosRequestConfig) => {
        const accessToken = localStorage.getItem(TOKEN_KEY);
        if (accessToken) {
            config.headers.Authorization = accessToken;
        }
        return config;
    },
    (error: any) => {
        return Promise.reject(error);
    }
);
//响应拦截器
service.interceptors.response.use(
    (response: AxiosResponse) => {
        // 检查配置的响应类型是否为二进制类型('blob' 或 'arraybuffer'), 如果是,直接返回响应对象
        if (response.config.responseType === 'blob' || response.config.responseType === 'arraybuffer') {
            return response;
        }
        const { code, data, msg } = response.data;
        if (code === 200) {
            return data;
        }
        ElMessage.error(msg || '系统出错');
        return Promise.reject(new Error(msg || 'Error'));
    },
    (error: any) => {
        // 异常处理
        if (error.response.data) {
            const { code, msg } = error.response.data;
            if (code === 401) {
                ElNotification({
                    title: '提示',
                    message: '您的会话已过期,请重新登录',
                    type: 'info'
                });
                // useUserStoreHook()
                //     .resetToken()
                //     .then(() => {
                //         location.reload();
                //     });
            } else {
                ElMessage.error(msg || '系统出错');
            }
        }
        return Promise.reject(error.message);
    }
);

//对外暴露一个service对象
export default service;

Released under the MIT License.