Vue3 axios 加前置和后置拦截器

import axios from 'axios'
//创建axios实例
const axiosInstance = axios.create({
    //api的BaseUrl 
    baseURL : '/api',
    setTimeout: 5000, //设置超时时间
    responseType: 'json',
    withDefaults : true, //是否允许带cookie这些
    headers: {
        'Content-Type' : 'application/json;charset=utf-8',
        'x-token' : '777'
    }
});


//请求拦截器
const requestInterceptor = axiosInstance.interceptors.request.use(
    //在请求前调用
    (config)=>{
        console.log("请求拦截器已触发");
        const newConfig = config;
        //添加token
        Object.assign(newConfig.headers,{'x-token':'some-token'});
        return newConfig;
    },
    (error)=>{
        //对请求错误时调用，可自己定义
        return Promise.reject(error);
    }
);

//响应拦截器
const responseInterceptor = axiosInstance.interceptors.response.use(
    //响应成功
    (response) =>{
        console.log("拦截器已触发",response.data);
        response.data=response.data+"拦截成功";
        return response;
    },
    //响应失败
    (error)=>{
        console.log("错误信息：",error);
        return Promise.reject(error);
    }
);



export default axiosInstance