vue项目中阻止某个接口请求

let CancelToken = axios.CancelToken;
let self = this;
let urlP=`https://event.csdn.net/logstores/csdn-pc-tracking-page-exposure/track?${params.titleSymbol}`;//接口路径 因为是get请求 我就直接这么写了
        axios.get(urlP, {
          cancelToken: new CancelToken(function executor(c) {
            self.source = c
          })
        }).then((res) => {
          // 在这里处理得到的数据
        }).catch((err) => {
          if (axios.isCancel(err)) {
            console.log('Rquest canceled', err.message); //请求如果被取消,这里是返回取消的message

          } else {
            //handle error
            console.log(err);
          }
          /*setTimeout(function () {
            //只要我们去调用了这个cancel()方法,没有完成请求的接口便会停止请求
            self.source()
          }, 10000)*/
}),

//取消的时候调用 this.source()方法就行了。

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值