axios 取消所有请求，只保留最后一个

你可以使用Axios Cancel Token来取消请求。为了只保留最后一个请求，你需要在每次请求前先取消之前的请求。

以下是一个示例代码：

let cancelTokenSource = axios.CancelToken.source();
let prevRequest = null;

function sendRequest() {
  if (prevRequest) {
    prevRequest.cancel("Only keep the last request");
  }

  prevRequest = axios.get(url, {
    cancelToken: cancelTokenSource.token
  });

  return prevRequest;
}

在每次请求前，我们先使用`cancelTokenSource`创建一个新的Cancel Token。然后，我们检查之前是否有未完成的请求，如果有，我们就取消它。最后，我们将新的Cancel Token传递给Axios请求，并将请求对象存储在`prevRequest`变量中，以便我们可以在下一次请求时取消它。

这样，我们就可以保证只有最后一个请求会被发送，而之前的请求都会被取消。

相关问题

axios相同的请求只保留一次

如果你想确保相同的请求只发送一次，可以使用axios的缓存机制来实现。可以使用`axios-cache-adapter`库来实现缓存请求。

以下是示例代码：

import axios from 'axios';
import { setupCache } from 'axios-cache-adapter';

const cache = setupCache({
  maxAge: 15 * 60 * 1000 // 15分钟缓存
});

const api = axios.create({
  adapter: cache.adapter
});

// 发送请求
api.get(url)
   .then(response => {
     console.log(response.data);
   })
   .catch(error => {
     console.error(error);
   });

在这个例子中，我们首先使用`setupCache`函数创建了一个缓存实例，它的配置项中设置了缓存时间为15分钟。然后，我们使用`axios.create`函数创建了一个新的axios实例，并将缓存适配器传递给它。

现在，当我们发送一个请求时，axios会首先检查该请求是否已经在缓存中存在。如果存在，它将直接返回缓存的响应；如果不存在，它将发送请求，并将响应缓存起来。

这样，我们就可以确保相同的请求只发送一次，并且可以从缓存中获取响应，而不是重新发送请求。

axios 取消重复请求

在使用 axios 发送重复请求时，可以使用 axios 的 cancelToken 取消请求。cancelToken 是一个特殊的 token，可以用来取消请求。

实现方法：

1. 在请求前创建一个 CancelToken.source() 实例。

2. 将这个实例中的 token 和 cancel 函数传递给请求参数中的 cancelToken。

3. 在发送新请求前，先使用之前的 cancel 函数取消已有的请求。

下面是一个示例代码：

import axios from 'axios';

// 创建 CancelToken 实例
const { CancelToken } = axios;
let cancel;

// 发送请求
axios.get('/api/data', {
  cancelToken: new CancelToken((c) => {
    // 将 cancel 函数传入
    cancel = c;
  }),
}).then((res) => {
  console.log(res.data);
}).catch((err) => {
  console.log(err);
});

// 取消请求
if (cancel) {
  cancel('请求已被取消');
}

在发送新请求前，先使用之前的 cancel 函数取消已有的请求，可以避免重复请求的问题。