12.23 axios的cancel

一.? CancelToken(axios中取消請(qǐng)求)

1. tab切換時(shí),在切換頻率低時(shí),當(dāng)切換到另一個(gè)頁面的時(shí)候,往往本頁面的異步請(qǐng)求還沒有完成,但是一般情況下不會(huì)產(chǎn)生太大影響;但是當(dāng)切換頻率高時(shí),如果我們不處理這些未完成的請(qǐng)求,那么這些請(qǐng)求會(huì)極大的影響到頁面的性能,甚至導(dǎo)致之后的請(qǐng)求超時(shí)。

在vue中,中斷axios的某個(gè)http請(qǐng)求時(shí),可以用到CancelToken。

```javascript

var CancelToken = axios.CancelToken;

var source = CancelToken.source();

axios.get('/user/12345', {

? cancelToken: source.token

}).catch(function(thrown) {

? if (axios.isCancel(thrown)) {

? ? console.log('Request canceled', thrown.message);

? } else {

? ? // handle error

? }

});

// cancel the request (the message parameter is optional)

source.cancel('Operation canceled by the user.');

```

?著作權(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)容

  • Example Performing a GET request Performing a POST reques...
    大碩_5132閱讀 728評(píng)論 0 0
  • 防止重復(fù)發(fā)ajax請(qǐng)求是平時(shí)開發(fā)中遇到頻次較高的問題了。我通常解決方案有如下幾種, 1. UI限制。 點(diǎn)擊完按鈕后...
    千鋒H5閱讀 315評(píng)論 0 0
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,872評(píng)論 0 10
  • ```js var CancelToken = axios.CancelToken; var source = C...
    LoserCfang閱讀 1,426評(píng)論 0 0
  • 簡(jiǎn)介 Axios 是一個(gè)基于 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。本文先從瀏覽...
    microkof閱讀 10,504評(píng)論 0 4

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