初始化 ui.

orion-ops-ui/src/api/interceptor.ts

@@ -1,26 +1,24 @@
 import axios from 'axios';
 import type { AxiosRequestConfig, AxiosResponse } from 'axios';
-import { Message, Modal } from '@arco-design/web-vue';
+import { Message, Notification } from '@arco-design/web-vue';
 import { useUserStore } from '@/store';
 import { getToken } from '@/utils/auth';
 
 export interface HttpResponse<T = unknown> {
-  status: number;
   msg: string;
   code: number;
   data: T;
 }
 
+axios.defaults.timeout = 10000;
+axios.defaults.promptBizErrorMessage = true;
 if (import.meta.env.VITE_API_BASE_URL) {
   axios.defaults.baseURL = import.meta.env.VITE_API_BASE_URL;
 }
 
 axios.interceptors.request.use(
   (config: AxiosRequestConfig) => {
-    // let each request carry token
-    // this example using the JWT token
-    // Authorization is a custom headers key
-    // please modify it according to the actual situation
+    // 获取 token
     const token = getToken();
     if (token) {
       if (!config.headers) {
@@ -31,45 +29,49 @@ axios.interceptors.request.use(
     return config;
   },
   (error) => {
-    // do something
     return Promise.reject(error);
   }
 );
-// add response interceptors
+
 axios.interceptors.response.use(
   (response: AxiosResponse<HttpResponse>) => {
+    // 不转换
+    if (response.config.unwrap) {
+      return response;
+    }
     const res = response.data;
-    // if the custom code is not 20000, it is judged as an error.
-    if (res.code !== 20000) {
+    const { code } = res;
+    // 200 成功
+    if (code === 200) {
+      return res;
+    }
+    // 非 200 业务异常
+    if (response.config.promptBizErrorMessage) {
       Message.error({
         content: res.msg || 'Error',
         duration: 5 * 1000,
       });
-      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
-      if (
-        [50008, 50012, 50014].includes(res.code) &&
-        response.config.url !== '/api/user/info'
-      ) {
-        Modal.error({
-          title: 'Confirm logout',
-          content:
-            'You have been logged out, you can cancel to stay on this page, or log in again',
-          okText: 'Re-Login',
-          async onOk() {
-            const userStore = useUserStore();
-
-            await userStore.logout();
-            window.location.reload();
-          },
-        });
-      }
-      return Promise.reject(new Error(res.msg || 'Error'));
     }
-    return res;
+    // 业务判断
+    if (
+      [401, 700, 701, 702].includes(code) &&
+      response.config.url !== '/infra/auth/login'
+    ) {
+      Notification.error({
+        closable: true,
+        content: res.msg,
+      });
+      setTimeout(async () => {
+        // 登出
+        await useUserStore().logout();
+        window.location.reload();
+      });
+    }
+    return Promise.reject(new Error(res.msg || 'Error'));
   },
   (error) => {
     Message.error({
-      content: error.msg || 'Request Error',
+      content: error.msg || '请求失败',
       duration: 5 * 1000,
     });
     return Promise.reject(error);