如何在vuex，axios中取消所有不必要的请求

// cancelTokenModule.js

import axios from 'axios';

const axiosInstance = axios.create();

const cancelTokenCollection = new Map();

export default {
  axiosInstance,
  cancelTokenCollection
};

import cancelTokenModule from './cancelTokenModule';

// 生成取消令牌
const cancelToken = cancelTokenModule.axiosInstance.CancelToken.source();

// 存储取消令牌
cancelTokenModule.cancelTokenCollection.set('uniqueKey', cancelToken);

// 发送请求时，将取消令牌作为配置参数之一
cancelTokenModule.axiosInstance.get('/api/data', {
  cancelToken: cancelToken.token
})
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

import cancelTokenModule from './cancelTokenModule';

// 取消所有不必要的请求
cancelTokenModule.cancelTokenCollection.forEach(cancelToken => {
  cancelToken.cancel('取消请求');
});

// 清空取消令牌集合
cancelTokenModule.cancelTokenCollection.clear();