axios 取消请求
时间: 2023-07-04 09:07:55 浏览: 164
详解Axios 如何取消已发送的请求
5星 · 资源好评率100%
Axios提供了取消请求的功能,可以通过使用CancelToken来实现。具体步骤如下:
1. 创建一个CancelToken对象:
```javascript
const source = axios.CancelToken.source();
```
2. 在发送请求时,将CancelToken对象传递给config中的cancelToken属性:
```javascript
axios.get('/api', {
cancelToken: source.token
});
```
3. 当需要取消请求时,调用cancel方法:
```javascript
source.cancel('请求被取消了');
```
完整示例:
```javascript
const source = axios.CancelToken.source();
axios.get('/api', {
cancelToken: source.token
}).then(res => {
console.log(res);
}).catch(thrown => {
if (axios.isCancel(thrown)) {
console.log('请求被取消了', thrown.message);
} else {
console.log('请求出错了', thrown);
}
});
// 取消请求
source.cancel('请求被取消了');
```
阅读全文