feat: axios 优化

Author: allen

.eslintrc-auto-import-types.json

@@ -1,7 +1,6 @@
 {
   "globals": {
-    "GetTest": true,
-    "PostTest": true,
+    "ApiTest": true,
     "Types": true,
     "App": true,
     "User": true,

eslint.config.js

@@ -22,6 +22,10 @@ export default antfu(
       'prefer-arrow-callback': 'off',
       'no-console': 'off',
       'vue/custom-event-name-casing': 'off',
+      'vue/html-self-closing': 'off',
+      'style/operator-linebreak': 'off',
+      'antfu/consistent-list-newline': 'off',
+      'ts/no-unused-expressions': 'off',
     },
   },
 )

src/@types/api.d.ts

@@ -1,19 +1,9 @@
-declare namespace GetTest {
-  interface params {
-    a: number
-    isLoading?: boolean
-  }
-  interface data {
+declare namespace ApiTest {
+  interface GetData {
     name: string
     age: number
   }
-}
-
-declare namespace PostTest {
-  interface params {
-    a: number
-  }
-  interface data {
+  interface PostData {
     val: string
   }
 }

src/api/apiTest.ts

@@ -1,8 +1,8 @@
 import axios from '@/utils/axios'
 
 const apiTest = {
-  getTest: (params: GetTest.params) => axios.get<GetTest.data>('/test', params),
-  postTest: (params: PostTest.params) => axios.post<PostTest.data>('/test', params),
+  getTest: (params = {}) => axios.get<ApiTest.GetData>('/test', params),
+  postTest: (params = {}) => axios.post<ApiTest.PostData>('/test', params),
 }
 
 export default apiTest

src/shims.axios.d.ts

@@ -15,13 +15,13 @@ const axios = Axios.create({
   },
 })
 
-type Method = 'get' | 'post'
-const methods: Method[] = ['get', 'post']
+const methods = ['get', 'post'] as const
+const MAX_RETRIES = 3 // 最大重试次数
 
 methods.forEach(
-  (method: Method) =>
+  (method) =>
     (axios[method] = (url: string, params: any = {}) => {
-      const { isLoading, ...otherParams } = params
+      const { isLoading = false, isHideError = false, retries = 0, ...otherParams } = params
       const fullParams = { ...getCommonParams(), ...otherParams }
       const axiosOptions: AxiosRequestConfig = {
         method,
@@ -43,23 +43,33 @@ methods.forEach(
                 resolve(data)
                 break
               case 1000:
-                ElMessage.error(`${data.msg}`)
+                !isHideError && ElMessage.error(`${data.msg}`)
                 fedLogout()
                 resolve(null)
                 break
 
               default:
-                ElMessage.error(`${data.msg}`)
+                !isHideError && ElMessage.error(`${data.msg}`)
                 resolve(null)
                 break
             }
           })
-          .catch((error: any) => {
+          .catch(async (error: any) => {
+            // 只对网络原因失败重试
+            if (retries > 0) {
+              resolve(
+                await axios[method](url, {
+                  ...params,
+                  retries: Math.min(retries - 1, MAX_RETRIES),
+                }),
+              )
+              return
+            }
             if (error.response && error.response.data) {
               const msg = error.response.data.message
-              ElMessage.error(`${msg}`)
+              !isHideError && ElMessage.error(`${msg}`)
             } else {
-              ElMessage.error('服务器连接超时')
+              !isHideError && ElMessage.error('服务器连接超时')
             }
             resolve(null)
           })