vue取消axios請(qǐng)求進(jìn)程

定義全局參數(shù)

var CancelToken = axios.CancelToken;
var source = CancelToken.source();

data里面定義參數(shù)source

data(){
    return{
      source: null, //存放取消的請(qǐng)求方法
    }
}

axios請(qǐng)求

  checkWechatQrcodeStatus(value) {
    this.cancelQuest(); //在請(qǐng)求發(fā)出前取消上一次未完成的請(qǐng)求;
    let that = this;
    axios({
        headers: {
          'Content-Type': 'application/json'
        },
        cancelToken: new axios.CancelToken(function executor(c) {
          that.source = c;
        }),
        method: 'get',
        url: routerurl,
        data: {
          
        }
      }).then(res => {
        // console.log(res)
      })
      .catch(error => {
        if (axios.isCancel(error)) {
          console.log('Rquest canceled', error.message); //請(qǐng)求如果被取消,這里是返回取消的message
        } else {
          //handle error
          console.log(error);
        }
      })
  },

終止請(qǐng)求

cancelQuest() {
    if (typeof this.source === 'function') {
      this.source('終止請(qǐng)求'); //取消請(qǐng)求
    }
  },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容