Axios 取消发送的请求

功能，在发出上一个请求还没返回的时候，为了防止有连续多个请求返回，对上一个未返回的请求执行取消操作。

底层是 axios 调用了 XMLHttpRequest 的 abort() 操作，取消上一条请求

XMLHttpRequest.abort() - Web API 接口参考 | MDN (mozilla.org)

代码

const cancel = null;

function request() {
    // 检查是否有 cancelToken，有就会执行
    // 背后的调用做过处理
    // 如果请求已经返回或者已经被取消就不会执行
    if (cancel) {
        cancel();
    }
    this.axios({
        method: 'get',
        url: '...',
        // 请求时配置，将 cancelToken 保存至一个全局变量，之后使用
        cancelToken: new this.axios.CancelToken(ct => {
            token = ct;
        })
    })
        .then(...)
        .catch(...);
}

比较容易理解