refactor: 调整 axios 配置

src/client/web-client/index.ts

@@ -0,0 +1,43 @@
+import axios, { type AxiosError } from "axios"
+import dayjs from "dayjs"
+import store from "@/store"
+import { HttpStatus } from "@/constant"
+import { logout } from "@/store/auth-slice"
+import type { GeneralErrorResponse } from "@/types/web/response"
+
+const webClient = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL,
+  timeout: dayjs.duration({ seconds: 10 }).asMilliseconds(),
+  withCredentials: true,
+  withXSRFToken: true
+})
+
+webClient.interceptors.request.use(
+  (config) => {
+    const state = store.getState()
+    if (state.auth.isAuthenticated) {
+      config.headers["Authorization"] = `Bearer ${state.auth.token!}`
+    }
+
+    return config
+  },
+  (error: unknown) => {
+    console.log(error)
+    return Promise.reject(new Error("请求错误，请稍后再试"))
+  }
+)
+
+webClient.interceptors.response.use(
+  (response) => {
+    return response
+  },
+  (error: unknown) => {
+    const err = error as AxiosError<GeneralErrorResponse>
+    if (err.response?.status == HttpStatus.UNAUTHORIZED) {
+      store.dispatch(logout())
+    }
+    return Promise.reject(error as AxiosError)
+  }
+)
+
+export default webClient