同一个接口，掉2次，取消上次请求，详细代码

分析与详细代码
在您提供的背景知识中，文件 src/utils/request.js 已经包含了实现同一个接口调用两次时取消上次请求的逻辑。以下是对该功能的详细解释及代码片段：

1. 引入依赖
   首先，从 axios 库中引入了 CancelToken 对象，它用于创建和管理取消令牌。
2. 存储取消令牌
   定义了一个全局对象 cancelTokens，用于存储每个请求的取消令牌。键是请求的唯一标识，值是对应的取消函数。
3. 请求拦截器
   在 axios 实例的请求拦截器中，实现了以下逻辑：
   ● 获取请求的唯一标识：通过组合请求方法和URL生成，例如 GET:/api/data。
   ● 检查并取消上次请求：如果 cancelTokens 对象中存在该请求的取消令牌，则调用取消函数并传递取消消息（例如 ‘取消重复请求!’），同时删除该令牌以避免内存泄漏。
   ● 创建新的取消令牌：为当前请求创建一个新的取消令牌，并将其存储到 cancelTokens 对象中。
4. 响应拦截器
   响应拦截器主要处理响应数据的逻辑，与取消请求的功能不直接相关，但它是请求流程的一部分，确保了请求和响应的完整处理。
5. 导出 axios 实例
   最后，将配置好的 axios 实例导出，供其他模块或组件使用。
   代码片段
   以下是实现上述功能的相关代码片段：
   // src/utils/request.js

import axios from ‘axios’;
import { CancelToken } from ‘axios’; // 引入CancelToken对象

// … 其他导入和配置 …

// 存储取消令