refactor: ♻️ 代码规范优化

src/utils/request.ts

@@ -44,7 +44,8 @@ service.interceptors.response.use(
     ElMessage.error(msg || "系统出错");
     return Promise.reject(new Error(msg || "Error"));
   },
-  async (error: any) => {
+  async (error) => {
+    console.error("request error", error); // for debug
     // 非 2xx 状态码处理 401、403、500 等
     const { config, response } = error;
     if (response) {
@@ -64,20 +65,21 @@ service.interceptors.response.use(
 
 export default service;
 
-// 刷新 Token 的锁
+// 是否正在刷新标识，避免重复刷新
 let isRefreshing = false;
-// 因 Token 过期导致失败的请求队列
-let requestsQueue: Array<() => void> = [];
+// 因 Token 过期导致的请求等待队列
+const waitingQueue: Array<() => void> = [];
 
 // 刷新 Token 处理
 async function handleTokenRefresh(config: InternalAxiosRequestConfig) {
   return new Promise((resolve) => {
-    const requestCallback = () => {
+    // 封装需要重试的请求
+    const retryRequest = () => {
       config.headers.Authorization = getToken();
       resolve(service(config));
     };
 
-    requestsQueue.push(requestCallback);
+    waitingQueue.push(retryRequest);
 
     if (!isRefreshing) {
       isRefreshing = true;
@@ -86,13 +88,13 @@ async function handleTokenRefresh(config: InternalAxiosRequestConfig) {
       useUserStoreHook()
         .refreshToken()
         .then(() => {
-          // Token 刷新成功，执行请求队列
-          requestsQueue.forEach((callback) => callback());
-          requestsQueue = [];
+          // 依次重试队列中所有请求, 重试后清空队列
+          waitingQueue.forEach((callback) => callback());
+          waitingQueue.length = 0;
         })
-        .catch((error) => {
+        .catch((error: any) => {
           console.log("handleTokenRefresh error", error);
-          // Token 刷新失败，清除用户数据并跳转到登录
+          // 刷新 Token 失败，跳转登录页
           ElNotification({
             title: "提示",
             message: "您的会话已过期，请重新登录",