js当中封装axios时使用cancelToken

在JavaScript中，特别是在处理网络请求时，`axios`库提供了一个强大的特性叫做`CancelToken`，用于取消正在进行的HTTP请求。`CancelToken`是一个Promise，当你有一个可以取消的任务时，你可以创建一个新的`CancelToken`实例，然后返回该实例。这个实例有一个`cancel`方法，当被调用时，它会触发一个`cancel`事件。

当你需要发起一个异步操作并允许用户在操作未完成前取消它，例如用户点击了“取消”按钮，你可以这样做：

1. 创建一个`CancelToken`：

const cancelToken = axios.CancelToken.source();

2. 使用`cancelToken.token`作为参数发送请求：

axios.get('https://api.example.com/data', {
  cancelToken: cancelToken.token,
})
.then(response => {
  // 请求成功处理
})
.catch(error => {
  if (error instanceof axios.Cancel) {
    // 如果是被取消的请求，则这里会捕获到异常
    console.log('Request canceled by the user');
  } else {
    // 其他错误处理
  }
});

3. 当需要取消请求时，只需调用`cancelToken.cancel()`：

// 用户点击取消时
if (shouldCancel) {
  cancelToken.cancel('Operation cancelled by the user.');
}