axios取消请求vue

在 Vue 中使用 axios 发送请求时，可以使用 axios.CancelToken 来取消请求。以下是一个示例：

首先，你需要在你的 Vue 实例中创建一个 CancelToken：

const source = axios.CancelToken.source();

然后，在发送请求时，将 CancelToken 作为配置项传递给 axios：

axios.get('/api/data', {
  cancelToken: source.token
}).then(res => {
  // 请求成功的处理
}).catch(error => {
  // 请求失败的处理
});

最后，在需要取消请求的地方，调用 source.cancel() 方法：

source.cancel('请求已取消');

在这个例子中，当调用 source.cancel() 方法时，会向请求发送一个取消请求的信号。如果请求已经完成，那么它将被忽略。如果请求尚未完成，那么它将被取消，并且 catch 块中的错误将包含一个 Cancel 对象。