前端 手动中断axios请求(防止重复请求)_axios 手动 cancel

此示例中axios以外的代码是使用react写法

// 引入
const axios = require('axios');
const source = null;
// 方法
AxioLook=()=>{
    if(source){//需要判断下如果存在实例就进行清空
        source.cancel('自定义错误信息');//中断上一次未完成响应的请求(如果上次请求已经返回结果,则无法进行终止操作)
    }
    source = axios.CancelToken.source(); // 这里初始化source对象
    axios({
        url: '',
        params: {},
        cancelToken: this.source.token
    }).then(result=>{

    },(error)=>{
        console.log(error)//{message: '自定义错误信息'}
    })
}
// dom
<span onClick={this.AxioLook}>查询</span>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21