axios取消重复请求（typeScript）

建议对照着axios官网进行学习

import  axios from 'axios';

// 取消请求
const CancelToken = axios.CancelToken;
// 设置默认请求头，如果不需要可以取消这一步
axios.defaults.headers = {
    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
};


let requestName: any;  //每次发起请求都会携带这个参数，用于标识这次请求，如果值相等，则取消重复请求
axios.interceptors.request.use((config: any) => {

// config 代表发起请求的参数的实体(可以发起一个请求在控制台打印一下这个config看看是什么东西)
 // 得到参数中的 requestName 字段，用于决定下次发起请求，取消对应的 相同字段的请求
// 如果没有 requestName 就默认添加一个 不同的时间戳

    if (config.method === 'post') {
    
        if (config.data && qs.parse(config.data).requestName) {
        
        //如果请求参数中有这个requestName标识，则赋值给上面定义的requestName
        
            requestName = qs.parse(config.data).requestName;
            
        } else {
        
            requestName = new Date().getTime();
            
        }
        
    } else {
    
        if (config.params && config.params.requestName) {
        
          //如果请求参数中有这个requestName标识，则赋值给上面定义的requestName
          
            requestName = config.params.requestName;
            
        } else {
        
            requestName = new Date().getTime();
            
        }
        
    }
    // 判断，如果这里拿到的参数中的 requestName 在上一次请求中已经存在，就取消上一次的请求
    
    if (requestName) {
    
        if (axios[requestName] && axios[requestName].cancel) {
        
            axios[requestName].cancel('取消了请求');
            
        }
        config.cancelToken = new CancelToken((c: any) => {
        
            axios[requestName] = {};
            
            axios[requestName].cancel = c; //取消请求操作
            
        });
        
    }
    
    return config;
    
}, (error: any) => {

    return Promise.reject(error);
    
});




// 请求到结果的拦截处理（可忽略）
axios.interceptors.response.use((config: any) => {
    // 返回请求正确的结果
    if (config.data.code === -1) {
        if(window.location.href.indexOf('39')!==-1){
            window.location.href = "http://39.104.172.78:8082/api/user/login/index";
        }else{
            window.location.href = "http://192.168.1.19:8080/api/user/login";
        }
    }
    return config.data;
}, (error: any) => {
    return Promise.reject(error);
    // 错误的请求结果处理，这里的代码根据后台的状态码来决定错误的输出信息
});