美文网首页前端之路
前端 手动中断axios请求(防止重复请求)

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

作者: 星星藏进黑夜 | 来源:发表于2021-04-14 13:00 被阅读0次
  • 此例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>

相关文章

网友评论

    本文标题:前端 手动中断axios请求(防止重复请求)

    本文链接:https://www.haomeiwen.com/subject/tamklltx.html