af-mobile-client-vue3 1.6.12 → 1.6.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.6.12",
+  "version": "1.6.14",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/stores/modules/setting.ts

@@ -1,96 +1,96 @@
-import { getConfigByNameAsync } from '@af-mobile-client-vue3/services/api/common'
-import { APP_WEB_CONFIG_KEY } from '@af-mobile-client-vue3/stores/mutation-type'
-import { secureStorageBatchWrite } from '@af-mobile-client-vue3/utils/secureStorage'
-import { createStorage } from '@af-mobile-client-vue3/utils/Storage'
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import { useHomeAppStore } from './homeApp'
-
-export interface WebConfig {
-  isAttendance: boolean | false
-  systemName: string
-  routerName: string
-  systemDesc: string
-  homePage: any
-  defaultAvatarUrl: string
-  wechatLogin: boolean
-  wxLoginAge: boolean
-  wxAutoLogin: string
-  tenantName: string
-  systemLogo: string
-  homeAppList: Array<any>
-  slideshowList: Array<any>
-  registerRequire: boolean
-  requestEncrypt: boolean
-  phoneLoginVerification: boolean
-  hiddenTraditionalLogin: boolean
-  isFaceRecognition: boolean // 登录是否需要人脸识别
-  intervalFaceRecognition: boolean // 登录是否需要开启定时人脸识别
-  faceIntervalMinutes: number // 定时时间 单位分钟
-  faceRetryCount: number // 定时验证 重试次数
-  getPlatformUser: boolean // 获取外部用户信息
-  navigationStyle: any // app顶部导航区域样式控制
-  captchaEnable: boolean // 是否启用登录验证码（前台本地处理）
-}
-
-//  存放 webConfig 中的 setting 配置
-export const useSettingStore = defineStore('setting', () => {
-  const setting = ref<WebConfig>(undefined)
-  const isInitialized = ref(false)
-
-  const setSetting = (newSetting: WebConfig) => {
-    setting.value = newSetting
-  }
-
-  const getSetting = () => {
-    return setting.value
-  }
-
-  // 将 init 作为 store 的方法导出
-  const init = async () => {
-    if (isInitialized.value)
-      return
-
-    const useStore = createStorage()
-    const catchWebConfig = useStore.get(APP_WEB_CONFIG_KEY)
-    const homeAppStore = useHomeAppStore()
-
-    if (catchWebConfig?.setting) {
-      setSetting(catchWebConfig?.setting)
-      // homeAppList 仅在用户缓存没有时才回填，避免覆盖用户自定义
-      if (!homeAppStore.homeAppList?.length && catchWebConfig.setting.homeAppList) {
-        homeAppStore.setHomeAppList(catchWebConfig.setting.homeAppList)
-      }
-    }
-    else {
-      const res = await getConfigByNameAsync('webMobileConfig', 'af-system')
-      if (res.setting) {
-        useStore.set(APP_WEB_CONFIG_KEY, res)
-        setSetting(res.setting)
-        // homeAppList 仅在用户缓存没有时才回填
-        if (!homeAppStore.homeAppList?.length && res.setting.homeAppList) {
-          homeAppStore.setHomeAppList(res.setting.homeAppList)
-        }
-        // 如果有pos相关的配置存储到app安全存储中
-        if (res.setting.posConfig) {
-          secureStorageBatchWrite([
-            {
-              key: 'posConfig',
-              value: res.setting.posConfig,
-            },
-          ])
-        }
-      }
-    }
-    isInitialized.value = true
-  }
-
-  return {
-    setSetting,
-    getSetting,
-    init, // 导出 init 方法
-    isInitialized,
-  }
-})
-
-export default useSettingStore
+import { getConfigByNameAsync } from '@af-mobile-client-vue3/services/api/common'
+import { APP_WEB_CONFIG_KEY } from '@af-mobile-client-vue3/stores/mutation-type'
+import { secureStorageBatchWrite } from '@af-mobile-client-vue3/utils/secureStorage'
+import { createStorage } from '@af-mobile-client-vue3/utils/Storage'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { useHomeAppStore } from './homeApp'
+
+export interface WebConfig {
+  isAttendance: boolean | false
+  systemName: string
+  routerName: string
+  systemDesc: string
+  homePage: any
+  defaultAvatarUrl: string
+  wechatLogin: boolean
+  wxLoginAge: boolean
+  wxAutoLogin: string
+  tenantName: string
+  systemLogo: string
+  homeAppList: Array<any>
+  slideshowList: Array<any>
+  registerRequire: boolean
+  requestEncrypt: boolean
+  phoneLoginVerification: boolean
+  hiddenTraditionalLogin: boolean
+  isFaceRecognition: boolean // 登录是否需要人脸识别
+  intervalFaceRecognition: boolean // 登录是否需要开启定时人脸识别
+  faceIntervalMinutes: number // 定时时间 单位分钟
+  faceRetryCount: number // 定时验证 重试次数
+  getPlatformUser: boolean // 获取外部用户信息
+  navigationStyle: any // app顶部导航区域样式控制
+  captchaEnable: boolean // 是否启用登录验证码（前台本地处理）
+}
+
+//  存放 webConfig 中的 setting 配置
+export const useSettingStore = defineStore('setting', () => {
+  const setting = ref<WebConfig>(undefined)
+  const isInitialized = ref(false)
+
+  const setSetting = (newSetting: WebConfig) => {
+    setting.value = newSetting
+  }
+
+  const getSetting = () => {
+    return setting.value
+  }
+
+  // 将 init 作为 store 的方法导出
+  const init = async () => {
+    if (isInitialized.value)
+      return
+
+    const useStore = createStorage()
+    const catchWebConfig = useStore.get(APP_WEB_CONFIG_KEY)
+    const homeAppStore = useHomeAppStore()
+
+    if (catchWebConfig?.setting) {
+      setSetting(catchWebConfig?.setting)
+      // homeAppList 仅在用户缓存没有时才回填，避免覆盖用户自定义
+      if (!homeAppStore.homeAppList?.length && catchWebConfig.setting.homeAppList) {
+        homeAppStore.setHomeAppList(catchWebConfig.setting.homeAppList)
+      }
+    }
+    else {
+      const res = await getConfigByNameAsync('webMobileConfig')
+      if (res.setting) {
+        useStore.set(APP_WEB_CONFIG_KEY, res)
+        setSetting(res.setting)
+        // homeAppList 仅在用户缓存没有时才回填
+        if (!homeAppStore.homeAppList?.length && res.setting.homeAppList) {
+          homeAppStore.setHomeAppList(res.setting.homeAppList)
+        }
+        // 如果有pos相关的配置存储到app安全存储中
+        if (res.setting.posConfig) {
+          secureStorageBatchWrite([
+            {
+              key: 'posConfig',
+              value: res.setting.posConfig,
+            },
+          ])
+        }
+      }
+    }
+    isInitialized.value = true
+  }
+
+  return {
+    setSetting,
+    getSetting,
+    init, // 导出 init 方法
+    isInitialized,
+  }
+})
+
+export default useSettingStore

package/src/stores/modules/user.ts

@@ -126,6 +126,9 @@ export const useUserStore = defineStore('app-user', () => {
   const getToken = () => {
     return userState.value.token || Storage.get(ACCESS_TOKEN, '') as string
   }
+  const getSessionKey = () => {
+    return Storage.get('v4-session-key', '') as string || localStorage.getItem('v4-session-key')
+  }
   const getLastUpdateTime = () => {
     return userState.value.lastUpdateTime
   }
@@ -162,7 +165,7 @@ export const useUserStore = defineStore('app-user', () => {
       const expiresInSeconds = expiresInMinutes * 60
       const BUFFER_SECONDS = 30
       const safeExpire = Math.max(expiresInSeconds - BUFFER_SECONDS, 0)
-      Storage.set('v4-session-key', key,  safeExpire)
+      Storage.set('v4-session-key', key, safeExpire)
     }
     else {
       localStorage.setItem('v4-session-key', key)
@@ -377,6 +380,7 @@ export const useUserStore = defineStore('app-user', () => {
     Storage.remove(PLATFORM_TYPE)
     Storage.remove(EXTERNAL_USER_INFO)
     Storage.remove('LoginTicket')
+    Storage.remove('v4-session-key')
     // 清除本地加密秘钥
     localStorage.removeItem('v4-session-key')
     secureStorageWrite('v4-session-key', '')
@@ -423,6 +427,7 @@ export const useUserStore = defineStore('app-user', () => {
     loginExternal,
     loginExternalMini,
     getToken,
+    getSessionKey,
     getLastUpdateTime,
     logout,
     registerClean,

package/src/utils/Storage.ts

@@ -1,124 +1,124 @@
-// 默认缓存期限为7天
-const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7
-
-/**
- * 创建本地缓存对象
- */
-export function createStorage({ prefixKey = '', storage = localStorage } = {}) {
-  /**
-   * 本地缓存类
-   * @class Storage
-   */
-  const Storage = class {
-    private storage = storage
-    private prefixKey?: string = prefixKey
-
-    private getKey(key: string) {
-      return `${this.prefixKey}${key}`.toUpperCase()
-    }
-
-    /**
-     * @description 设置缓存
-     * @param {string} key 缓存键
-     * @param {*} value 缓存值
-     * @param expire
-     */
-    set(key: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
-      const stringData = JSON.stringify({
-        value,
-        expire: expire !== null ? new Date().getTime() + expire * 1000 : null,
-      })
-      this.storage.setItem(this.getKey(key), stringData)
-    }
-
-    /**
-     * 读取缓存
-     * @param {string} key 缓存键
-     * @param {*=} def 默认值
-     */
-    get(key: string, def: any = null) {
-      const item = this.storage.getItem(this.getKey(key))
-      if (item) {
-        try {
-          const data = JSON.parse(item)
-          const { value, expire } = data
-          // 在有效期内直接返回
-          if (expire === null || expire >= Date.now())
-            return value
-
-          this.remove(key)
-        }
-        catch {
-          return def
-        }
-      }
-      return def
-    }
-
-    /**
-     * 从缓存删除某项
-     * @param {string} key
-     */
-    remove(key: string) {
-      this.storage.removeItem(this.getKey(key))
-    }
-
-    /**
-     * 清空所有缓存
-     * @memberOf Cache
-     */
-    clear(): void {
-      this.storage.clear()
-    }
-
-    /**
-     * 设置cookie
-     * @param {string} name cookie 名称
-     * @param {*} value cookie 值
-     * @param {number=} expire 过期时间
-     * 如果过期时间为设置，默认关闭浏览器自动删除
-     * @example
-     */
-    setCookie(name: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
-      document.cookie = `${this.getKey(name)}=${value}; Max-Age=${expire}`
-    }
-
-    /**
-     * 根据名字获取cookie值
-     * @param name
-     */
-    getCookie(name: string): string {
-      const cookieArr = document.cookie.split('; ')
-      for (let i = 0, length = cookieArr.length; i < length; i++) {
-        const kv = cookieArr[i].split('=')
-        if (kv[0] === this.getKey(name))
-          return kv[1]
-      }
-      return ''
-    }
-
-    /**
-     * 根据名字删除指定的cookie
-     * @param {string} key
-     */
-    removeCookie(key: string) {
-      this.setCookie(key, 1, -1)
-    }
-
-    /**
-     * 清空cookie，使所有cookie失效
-     */
-    clearCookie(): void {
-      const keys = document.cookie.match(/[^ =;]+(?==)/g)
-      if (keys) {
-        for (let i = keys.length; i--;)
-          document.cookie = `${keys[i]}=0;expire=${new Date(0).toUTCString()}`
-      }
-    }
-  }
-  return new Storage()
-}
-
-export const storage = createStorage()
-
-export default Storage
+// 默认缓存期限为7天
+const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7
+
+/**
+ * 创建本地缓存对象
+ */
+export function createStorage({ prefixKey = '', storage = localStorage } = {}) {
+  /**
+   * 本地缓存类
+   * @class Storage
+   */
+  const Storage = class {
+    private storage = storage
+    private prefixKey?: string = prefixKey
+
+    private getKey(key: string) {
+      return `${this.prefixKey}${key}`.toUpperCase()
+    }
+
+    /**
+     * @description 设置缓存
+     * @param {string} key 缓存键
+     * @param {*} value 缓存值
+     * @param expire
+     */
+    set(key: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
+      const stringData = JSON.stringify({
+        value,
+        expire: expire !== null ? new Date().getTime() + expire * 1000 : null,
+      })
+      this.storage.setItem(this.getKey(key), stringData)
+    }
+
+    /**
+     * 读取缓存
+     * @param {string} key 缓存键
+     * @param {*=} def 默认值
+     */
+    get(key: string, def: any = null) {
+      const item = this.storage.getItem(this.getKey(key))
+      if (item) {
+        try {
+          const data = JSON.parse(item)
+          const { value, expire } = data
+          // 在有效期内直接返回
+          if (expire === null || expire >= Date.now())
+            return value
+
+          this.remove(key)
+        }
+        catch {
+          return def
+        }
+      }
+      return def
+    }
+
+    /**
+     * 从缓存删除某项
+     * @param {string} key
+     */
+    remove(key: string) {
+      this.storage.removeItem(this.getKey(key))
+    }
+
+    /**
+     * 清空所有缓存
+     * @memberOf Cache
+     */
+    clear(): void {
+      this.storage.clear()
+    }
+
+    /**
+     * 设置cookie
+     * @param {string} name cookie 名称
+     * @param {*} value cookie 值
+     * @param {number=} expire 过期时间
+     * 如果过期时间为设置，默认关闭浏览器自动删除
+     * @example
+     */
+    setCookie(name: string, value: any, expire: number | null = DEFAULT_CACHE_TIME) {
+      document.cookie = `${this.getKey(name)}=${value}; Max-Age=${expire}`
+    }
+
+    /**
+     * 根据名字获取cookie值
+     * @param name
+     */
+    getCookie(name: string): string {
+      const cookieArr = document.cookie.split('; ')
+      for (let i = 0, length = cookieArr.length; i < length; i++) {
+        const kv = cookieArr[i].split('=')
+        if (kv[0] === this.getKey(name))
+          return kv[1]
+      }
+      return ''
+    }
+
+    /**
+     * 根据名字删除指定的cookie
+     * @param {string} key
+     */
+    removeCookie(key: string) {
+      this.setCookie(key, 1, -1)
+    }
+
+    /**
+     * 清空cookie，使所有cookie失效
+     */
+    clearCookie(): void {
+      const keys = document.cookie.match(/[^ =;]+(?==)/g)
+      if (keys) {
+        for (let i = keys.length; i--;)
+          document.cookie = `${keys[i]}=0;expire=${new Date(0).toUTCString()}`
+      }
+    }
+  }
+  return new Storage()
+}
+
+export const storage = createStorage()
+
+export default Storage

package/src/utils/http/index.ts

@@ -1,225 +1,225 @@
-import type { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
-import { ContentTypeEnum, ResultEnum } from '@af-mobile-client-vue3/enums/requestEnum'
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
-import { ACCESS_TOKEN } from '@af-mobile-client-vue3/stores/mutation-type'
-import { encryptUtil } from '@af-mobile-client-vue3/utils/EncryptUtil'
-import axios from 'axios'
-import { showToast } from 'vant'
-
-// 默认 axios 实例请求配置
-const configDefault = {
-  headers: {
-    'Content-Type': ContentTypeEnum.JSON,
-  },
-  // 请求超时时间
-  timeout: 20000,
-  // API 请求的默认前缀
-  baseURL: import.meta.env.VITE_APP_API_BASE_URL,
-  data: {},
-}
-
-class Http {
-  // 当前实例
-  private static axiosInstance: AxiosInstance
-  // 请求配置
-  private static axiosConfigDefault: AxiosRequestConfig
-
-  // 请求拦截
-  private httpInterceptorsRequest(): void {
-    Http.axiosInstance.interceptors.request.use(
-      (config) => {
-        // 发送请求前，可在此让每个请求携带自定义 token, 请根据实际情况修改
-        const savedToken = useUserStore().getToken()
-        // 如果 token 存在
-        if (savedToken)
-          config.headers[ACCESS_TOKEN] = savedToken
-        const v4SessionKey = localStorage.getItem('v4-session-key')
-        if (['post'].includes(config.method.toLowerCase()) && v4SessionKey) {
-          if (config.data && !(config.data instanceof FormData)) {
-            config.data = {
-              encrypted: encryptUtil.AESEncryptCBC(config.data, v4SessionKey),
-            }
-            config.headers['X-Sec'] = '1'
-            config.headers['X-Rand'] = Math.random().toString(36).substr(2, 5)
-            config.headers['X-Ts'] = Date.now()
-          }
-        }
-        return config
-      },
-      (error: AxiosError) => {
-        showToast({
-          message: error.message,
-          position: 'bottom',
-        })
-        return Promise.reject(error)
-      },
-    )
-  }
-
-  // 响应拦截
-  private httpInterceptorsResponse(): void {
-    Http.axiosInstance.interceptors.response.use(
-      async (response: AxiosResponse) => {
-        // 判断是否需要解密
-        if (response.headers && response.headers['x-encrypted'] === '1') {
-          const v4SessionKey = localStorage.getItem('v4-session-key')
-          if (v4SessionKey && response.data) {
-            const decryptedData = encryptUtil.decryptResponse(response?.data, v4SessionKey)
-            // 如果解密成功且不等于原数据，说明解密有效
-            if (decryptedData !== response.data) {
-              // 响应解密成功
-              response.data = decryptedData
-            }
-          }
-        }
-        const compatible = import.meta.env.VITE_APP_COMPATIBLE
-        if (compatible !== 'V4') {
-          return response.data
-        }
-        // 与后端协定的返回字段
-        const { code, msg, data } = response.data
-        // 临时向v3请求上传服务，因为没有code，未来会改
-        if (code === undefined) {
-          return response.data
-        }
-        // 判断请求是否成功
-        const isSuccess = code === ResultEnum.SUCCESS
-        if (isSuccess) {
-          // 兼容 V3 请求没有data的情况
-          if (data) {
-            return data
-          }
-          else {
-            return response.data
-          }
-        }
-        else {
-          if (code === 401 && response.config.url?.indexOf('af-auth/logout') === -1) {
-            showToast({
-              message: '登录态已失效，请重新登录',
-              position: 'bottom',
-            })
-            await useUserStore().logout()
-          }
-          else {
-            showToast({
-              message: msg,
-              position: 'bottom',
-            })
-            console.error(`请求失败，返回结果：${msg}`)
-          }
-          return Promise.reject(response.data)
-        }
-      },
-      (error: AxiosError) => {
-        // 处理 HTTP 网络错误
-        let message: string = error.response?.data as string
-        if (!message) {
-          // HTTP 状态码
-          const status = error.response?.status
-          switch (status) {
-            case 400:
-              message = '请求错误'
-              break
-            case 401:
-              message = '登录态已失效，请重新登录'
-              // 401状态码处理：自动登出并跳转到登录页
-              useUserStore().logout()
-              break
-            case 403:
-              message = '拒绝访问'
-              break
-            case 404:
-              message = `请求地址出错: ${error.response?.config?.url}`
-              break
-            case 408:
-              message = '请求超时'
-              break
-            case 500:
-              message = '服务器内部错误'
-              break
-            case 501:
-              message = '服务未实现'
-              break
-            case 502:
-              message = '网关错误'
-              break
-            case 503:
-              message = '服务不可用'
-              break
-            case 504:
-              message = '网关超时'
-              break
-            case 505:
-              message = 'HTTP版本不受支持'
-              break
-            default:
-              message = '网络连接故障'
-          }
-        }
-        showToast({
-          message,
-          position: 'bottom',
-        })
-        return Promise.reject(error)
-      },
-    )
-  }
-
-  constructor(config: AxiosRequestConfig) {
-    Http.axiosConfigDefault = config
-    Http.axiosInstance = axios.create(config)
-    this.httpInterceptorsRequest()
-    this.httpInterceptorsResponse()
-  }
-
-  // 通用请求函数
-  public request<T>(paramConfig: AxiosRequestConfig): Promise<T> {
-    const config = { ...Http.axiosConfigDefault, ...paramConfig }
-    return new Promise((resolve, reject) => {
-      Http.axiosInstance
-        .request(config)
-        .then((response: any) => {
-          resolve(response)
-        })
-        .catch((error) => {
-          reject(error)
-        })
-    })
-  }
-}
-
-const METHOD = {
-  GET: 'get',
-  POST: 'post',
-  PUT: 'put',
-  DELETE: 'delete',
-}
-/**
- * axios请求
- * @param url 请求地址
- * @param method {METHOD} http method
- * @param params 请求参数
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
- */
-async function request(url, method, params, config) {
-  switch (method) {
-    case METHOD.GET:
-      return axios.get(url, { params, ...config })
-    case METHOD.POST:
-      return axios.post(url, params, config)
-    case METHOD.PUT:
-      return axios.put(url, params, config)
-    case METHOD.DELETE:
-      return axios.delete(url, { params, ...config })
-    default:
-      return axios.get(url, { params, ...config })
-  }
-}
-
-export const http = new Http(configDefault)
-export {
-  METHOD,
-  request,
-}
+import type { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
+import { ContentTypeEnum, ResultEnum } from '@af-mobile-client-vue3/enums/requestEnum'
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import { ACCESS_TOKEN } from '@af-mobile-client-vue3/stores/mutation-type'
+import { encryptUtil } from '@af-mobile-client-vue3/utils/EncryptUtil'
+import axios from 'axios'
+import { showToast } from 'vant'
+
+// 默认 axios 实例请求配置
+const configDefault = {
+  headers: {
+    'Content-Type': ContentTypeEnum.JSON,
+  },
+  // 请求超时时间
+  timeout: 20000,
+  // API 请求的默认前缀
+  baseURL: import.meta.env.VITE_APP_API_BASE_URL,
+  data: {},
+}
+
+class Http {
+  // 当前实例
+  private static axiosInstance: AxiosInstance
+  // 请求配置
+  private static axiosConfigDefault: AxiosRequestConfig
+
+  // 请求拦截
+  private httpInterceptorsRequest(): void {
+    Http.axiosInstance.interceptors.request.use(
+      (config) => {
+        // 发送请求前，可在此让每个请求携带自定义 token, 请根据实际情况修改
+        const savedToken = useUserStore().getToken()
+        // 如果 token 存在
+        if (savedToken)
+          config.headers[ACCESS_TOKEN] = savedToken
+        const v4SessionKey = useUserStore().getSessionKey()
+        if (['post'].includes(config.method.toLowerCase()) && v4SessionKey) {
+          if (config.data && !(config.data instanceof FormData)) {
+            config.data = {
+              encrypted: encryptUtil.AESEncryptCBC(config.data, v4SessionKey),
+            }
+            config.headers['X-Sec'] = '1'
+            config.headers['X-Rand'] = Math.random().toString(36).substr(2, 5)
+            config.headers['X-Ts'] = Date.now()
+          }
+        }
+        return config
+      },
+      (error: AxiosError) => {
+        showToast({
+          message: error.message,
+          position: 'bottom',
+        })
+        return Promise.reject(error)
+      },
+    )
+  }
+
+  // 响应拦截
+  private httpInterceptorsResponse(): void {
+    Http.axiosInstance.interceptors.response.use(
+      async (response: AxiosResponse) => {
+        // 判断是否需要解密
+        if (response.headers && response.headers['x-encrypted'] === '1') {
+          const v4SessionKey = useUserStore().getSessionKey()
+          if (v4SessionKey && response.data) {
+            const decryptedData = encryptUtil.decryptResponse(response?.data, v4SessionKey)
+            // 如果解密成功且不等于原数据，说明解密有效
+            if (decryptedData !== response.data) {
+              // 响应解密成功
+              response.data = decryptedData
+            }
+          }
+        }
+        const compatible = import.meta.env.VITE_APP_COMPATIBLE
+        if (compatible !== 'V4') {
+          return response.data
+        }
+        // 与后端协定的返回字段
+        const { code, msg, data } = response.data
+        // 临时向v3请求上传服务，因为没有code，未来会改
+        if (code === undefined) {
+          return response.data
+        }
+        // 判断请求是否成功
+        const isSuccess = code === ResultEnum.SUCCESS
+        if (isSuccess) {
+          // 兼容 V3 请求没有data的情况
+          if (data) {
+            return data
+          }
+          else {
+            return response.data
+          }
+        }
+        else {
+          if (code === 401 && response.config.url?.indexOf('af-auth/logout') === -1) {
+            showToast({
+              message: '登录态已失效，请重新登录',
+              position: 'bottom',
+            })
+            await useUserStore().logout()
+          }
+          else {
+            showToast({
+              message: msg,
+              position: 'bottom',
+            })
+            console.error(`请求失败，返回结果：${msg}`)
+          }
+          return Promise.reject(response.data)
+        }
+      },
+      (error: AxiosError) => {
+        // 处理 HTTP 网络错误
+        let message: string = error.response?.data as string
+        if (!message) {
+          // HTTP 状态码
+          const status = error.response?.status
+          switch (status) {
+            case 400:
+              message = '请求错误'
+              break
+            case 401:
+              message = '登录态已失效，请重新登录'
+              // 401状态码处理：自动登出并跳转到登录页
+              useUserStore().logout()
+              break
+            case 403:
+              message = '拒绝访问'
+              break
+            case 404:
+              message = `请求地址出错: ${error.response?.config?.url}`
+              break
+            case 408:
+              message = '请求超时'
+              break
+            case 500:
+              message = '服务器内部错误'
+              break
+            case 501:
+              message = '服务未实现'
+              break
+            case 502:
+              message = '网关错误'
+              break
+            case 503:
+              message = '服务不可用'
+              break
+            case 504:
+              message = '网关超时'
+              break
+            case 505:
+              message = 'HTTP版本不受支持'
+              break
+            default:
+              message = '网络连接故障'
+          }
+        }
+        showToast({
+          message,
+          position: 'bottom',
+        })
+        return Promise.reject(error)
+      },
+    )
+  }
+
+  constructor(config: AxiosRequestConfig) {
+    Http.axiosConfigDefault = config
+    Http.axiosInstance = axios.create(config)
+    this.httpInterceptorsRequest()
+    this.httpInterceptorsResponse()
+  }
+
+  // 通用请求函数
+  public request<T>(paramConfig: AxiosRequestConfig): Promise<T> {
+    const config = { ...Http.axiosConfigDefault, ...paramConfig }
+    return new Promise((resolve, reject) => {
+      Http.axiosInstance
+        .request(config)
+        .then((response: any) => {
+          resolve(response)
+        })
+        .catch((error) => {
+          reject(error)
+        })
+    })
+  }
+}
+
+const METHOD = {
+  GET: 'get',
+  POST: 'post',
+  PUT: 'put',
+  DELETE: 'delete',
+}
+/**
+ * axios请求
+ * @param url 请求地址
+ * @param method {METHOD} http method
+ * @param params 请求参数
+ * @param config
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+async function request(url, method, params, config) {
+  switch (method) {
+    case METHOD.GET:
+      return axios.get(url, { params, ...config })
+    case METHOD.POST:
+      return axios.post(url, params, config)
+    case METHOD.PUT:
+      return axios.put(url, params, config)
+    case METHOD.DELETE:
+      return axios.delete(url, { params, ...config })
+    default:
+      return axios.get(url, { params, ...config })
+  }
+}
+
+export const http = new Http(configDefault)
+export {
+  METHOD,
+  request,
+}