【需求 20331】 perf: 优化续token操作

src/utils/request/error.ts

@@ -10,7 +10,7 @@ import {
 import type { BackendServiceResult, RequestServiceError } from './types'
 import { showErrorMsg } from '@/utils/toast'
 import type { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios'
-
+import type { MessageHandler } from 'element-plus'
 import service from './index'
 import { useUserStore } from '@/stores/user'
 
@@ -134,16 +134,25 @@ async function handleUnAuthorized(axiosError: AxiosError) {
     await promiseFlashing
     return service.request(axiosError.config as AxiosRequestConfig)
   } catch (e) {
+    // 获取refreshToken接口报错
     console.log(e)
-    ElMessage({
-      showClose: true,
-      message: '重新获取token失败，请关闭标签页，重新打开',
-      type: 'error',
-      duration: 0,
-    })
+    create401ErrorMsg()
     userStore.clearAllUserInfo()
     return Promise.reject(e)
   } finally {
     promiseFlashing = null
   }
 }
+
+let msgIns: MessageHandler | null = null
+
+function create401ErrorMsg() {
+  if (!msgIns) {
+    msgIns = ElMessage({
+      message: '重新获取token失败，请关闭标签页，重新打开',
+      type: 'error',
+      duration: 0,
+    })
+  }
+  return msgIns
+}