12.23 axios的cancel

一.  CancelToken(axios中取消请求)

1. tab切换时,在切换频率低时,当切换到另一个页面的时候,往往本页面的异步请求还没有完成,但是一般情况下不会产生太大影响;但是当切换频率高时,如果我们不处理这些未完成的请求,那么这些请求会极大的影响到页面的性能,甚至导致之后的请求超时。

在vue中,中断axios的某个http请求时,可以用到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.');

```

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容