chore: keep error message visiable on hover

2026-02-08 19:44:43 +08:00
parent 33ce334bd7
commit 293c53d8dd
3 changed files with 9440 additions and 11606 deletions
@@ -0,0 +1,79 @@
+import { userAtom } from '@/atoms/user';
+import { clearAtomStorage } from '@/atoms/utils';
+import { history, RequestConfig } from '@umijs/max';
+import { message, Typography } from 'antd';
+import styled from 'styled-components';
+import { DEFAULT_ENTER_PAGE } from './config/settings';
+
+const Content = styled.div`
+  position: relative;
+  .cp-btn {
+    position: absolute;
+    top: 0px;
+    right: -4px;
+    opacity: 5;
+  }
+  .msg {
+    display: none;
+  }
+`;
+
+//  these APIs do not via the GPUSTACK_API_BASE_URL
+const NoBaseURLAPIs = ['/auth', '/v1', '/version', '/proxy', '/update'];
+
+export const requestConfig: RequestConfig = {
+  headers: {
+    'Content-Security-Policy': "frame-ancestors 'self'",
+    'X-Frame-Options': 'SAMEORIGIN'
+  },
+  errorConfig: {
+    errorThrower: (res: any) => {
+      // to do something
+    },
+    errorHandler: (error: any, opts: any) => {
+      const { message: errorMessage, response } = error;
+      const errMsg =
+        response?.data?.error?.message ||
+        response?.data?.message ||
+        errorMessage;
+
+      if (!opts?.skipErrorHandler && response?.status) {
+        message.error({
+          content: (
+            <Content>
+              <Typography.Text
+                className="cp-btn"
+                copyable={{
+                  text: errMsg
+                }}
+              >
+                <span className="msg">{errMsg}</span>
+              </Typography.Text>
+              {errMsg}
+            </Content>
+          )
+        });
+      }
+      if (response?.status === 401) {
+        clearAtomStorage(userAtom);
+
+        history.push(DEFAULT_ENTER_PAGE.login, { replace: true });
+      }
+    }
+  },
+  requestInterceptors: [
+    (url, options) => {
+      if (NoBaseURLAPIs.some((api) => url.startsWith(api))) {
+        options.baseURL = '';
+        return { url, options };
+      }
+      return { url, options };
+    }
+  ],
+  responseInterceptors: [
+    (response) => {
+      // to do something
+      return response;
+    }
+  ]
+};