取消重复的 axios 请求时如何避免失败？

我尝试在 Axios 中取消重复请求，但它可能仍会发送重复请求。

import type { AxiosRequestConfig } from 'axios';

export default class CancelRequest {

  pendingRequestList: Map<any, any>;

  constructor() {
    this.pendingRequestList = new Map();
  }


  addPendingRequest = (config: AxiosRequestConfig) => {
    const { method, url, params, data } = config;
    const controller = new AbortController();
    config.signal = controller.signal;
    const uniqueKey = [method, url, JSON.stringify(params), JSON.stringify(data)].join('&');
    this.pendingRequestList.set(uniqueKey, controller);
  };

 
  removePendingRequest(config: AxiosRequestConfig) {
    const { method, url, params, data } = config;
    const uniqueKey = [method, url, JSON.stringify(params), JSON.stringify(data)].join('&');
    if (this.pendingRequestList.has(uniqueKey)) {
      this.pendingRequestList.get(uniqueKey).abort();
      this.pendingRequestList.delete(uniqueKey);
    }
  }
}