使用 cancel token
取消請求。
Axios 的
cancel token
API 基于 cancelable promises proposal,它還處于第一階段。
可以使用 CancelToken.source
工廠方法創(chuàng)建 cancel token
像這樣:
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
axios.get('/user/12345', {
cancelToken: source.token
}).catch(function (thrown) {
if (axios.isCancel(thrown)) {
console.log('Request canceled', thrown.message);
} else { /* 處理錯誤 */ }
});
axios.post('/user/12345', {
name: 'new name'
}, {
cancelToken: source.token
});
// 取消請求 (message 參數(shù)是可選的)
source.cancel('Operation canceled by the user.');
還可以通過傳遞一個 executor 函數(shù)到 CancelToken 的構造函數(shù)來創(chuàng)建 cancel token
:
const CancelToken = axios.CancelToken;
let cancel;
axios.get('/user/12345', {
cancelToken: new CancelToken(function executor(c) {
// executor 函數(shù)接收一個 cancel 函數(shù)作為參數(shù)
cancel = c;
})
});
// 取消請求
cancel();
注意:可以使用同一個 cancel token 取消多個請求。
更多建議: