前端axios中断请求

在前端中，我们可以使用Axios库来发送HTTP请求。如果我们需要中断请求，可以使用AbortController和AbortSignal。以下是一个使用Axios中断请求的示例代码：

import axios from 'axios';

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

axios.get('/api/data', {
  cancelToken: source.token,
}).then((response) => {
  console.log(response.data);
}).catch((error) => {
  if (axios.isCancel(error)) {
    console.log('Request canceled', error.message);
  } else {
    console.log('Request error', error.message);
  }
});

// 中断请求
source.cancel('Operation canceled by the user.');

在上面的代码中，我们首先导入了Axios库，并创建了一个CancelToken对象和一个source对象。然后，我们使用Axios发送一个GET请求，并将cancelToken选项设置为source.token。这将使请求与CancelToken相关联，从而允许我们在需要时中断请求。

最后，我们调用source.cancel()方法来中断请求。如果请求被成功中断，Axios会抛出一个Cancel异常。我们可以使用axios.isCancel()方法来检查异常是否是由于请求被取消而引起的。