axios的interceptors多次执行问题解决

class Http {
    constructor(config) {
        this.axios = axios;
        this.axiosInterceptor = undefined;
        // 公共的 header
        let defaultHeaders = {
            'Content-Type': 'application/JSON;charset=UTF-8',
            'Accept': 'application/json', // 通过头指定，获取的数据类型是JSON 'application/json, text/plain, *
// 添加请求拦截器
axios.interceptors.request.use( (config) =>  {
    // 在发送请求之前做些什么 添加 token 等鉴权功能
    //...
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use((res) => {
    const { status } = res;
    // 在发送结果之前做些什么  对错误状态提示进行处理
    //...
    return res.data;
}, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
});
class Http {
    constructor(config) {
        this.axios = axios;
        // 这里仍需对配置进行处理，代码省略了
        this.config = config;
    }
    // Get 请求
    get(url,params={},headers={}){
        // ...
    }
    // POST 请求
    post(url,params={},headers={}){
        // ...
    }
}
export default Http;
// 无特殊需求的只需使用这个一个对象即可 公共 header 可在此配置, 如需多个实例 可按照此方式创建多个进行导出
export const Axios = new Http({
    headers: {
        'x-http-token': 'xxx'
    }
});