axios取消上次请求发送当前请求

你可以使用axios提供的取消请求的功能来取消上次请求并发送当前请求。首先，你需要创建一个取消令牌（cancel token），然后将其传递给你的请求。当你想要取消请求时，只需调用取消令牌的cancel方法。

以下是一个示例代码：

import axios from 'axios';

// 创建取消令牌
const cancelTokenSource = axios.CancelToken.source();

// 发送请求
axios.get('https://api.example.com/data', {
  cancelToken: cancelTokenSource.token
})
  .then(response => {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(error => {
    if (axios.isCancel(error)) {
      // 请求被取消
      console.log('请求被取消', error.message);
    } else {
      // 处理其他错误
      console.log('请求发生错误', error.message);
    }
  });

// 取消上次请求并发送当前请求
cancelTokenSource.cancel('取消上次请求');

// 发送当前请求
axios.get('https://api.example.com/new-data', {
  cancelToken: cancelTokenSource.token
})
  .then(response => {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(error => {
    if (axios.isCancel(error)) {
      // 请求被取消
      console.log('请求被取消', error.message);
    } else {
      // 处理其他错误
      console.log('请求发生错误', error.message);
    }
  });

在这个示例中，我们首先创建了一个取消令牌cancelTokenSource，并将其传递给第一个请求。然后，我们调用cancelTokenSource的cancel方法来取消上次请求，并发送当前请求。在请求的then和catch方法中，我们可以根据axios.isCancel方法来判断请求是否被取消，并进行相应的处理。

希望这个示例对你有帮助！如果你有任何其他问题，请随时提问。