更改路由时中止所有AXIOS请求使用Vue路由器

我没有测试它,但这应该管用。

基本上,您必须生成一个全局取消令牌

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

并通过在config参数中传递它来在所有请求中使用它

获取请求:

axios.get('/user/12345', {
  cancelToken: source.token
}).catch(function(thrown) {
  if (axios.isCancel(thrown)) {
    console.log('Request canceled', thrown.message);
  } else {
    // handle error
  }
});

发布请求:

axios.post('/user/12345', {
  name: 'new name'
}, {
  cancelToken: source.token
})

然后,在Vue路由器中 beforeEach 导航保护您可以使用以下命令取消所有请求:

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

以下是用于取消的官方AXIOS指南: https://github.com/axios/axios#cancellation