diff --git a/web/.env b/web/.env
new file mode 100644
index 0000000000..dbc7909d98
--- /dev/null
+++ b/web/.env
@@ -0,0 +1,2 @@
+NEXT_PUBLIC_API_SERVER=http://localhost:3000
+NEXT_PUBLIC_LOGIN_PATH=http://localhost:3000/v1/login
\ No newline at end of file
diff --git a/web/components/FileUplaod/index.tsx b/web/components/FileUplaod/index.tsx
index 69a1a6b28b..7e55b6e7c6 100644
--- a/web/components/FileUplaod/index.tsx
+++ b/web/components/FileUplaod/index.tsx
@@ -1,4 +1,4 @@
-import React, { DragEventHandler, ReactEventHandler } from "react";
+import React from "react";
 import clsx from "clsx";
 
 import styles from "./index.module.scss";
@@ -57,6 +57,7 @@ function FileUpload(props: { onUpload: (files: any) => void }) {
         type="file"
         className={styles.inputFileUpload}
         multiple={true}
+        // @ts-ignore
         webkitdirectory
         onChange={handleChange}
       />
diff --git a/web/components/SectionList/index.module.scss b/web/components/SectionList/index.module.scss
index 455c76527b..1b853b8558 100644
--- a/web/components/SectionList/index.module.scss
+++ b/web/components/SectionList/index.module.scss
@@ -15,7 +15,9 @@
     &:hover,
     &.active {
       background-color: var(--chakra-colors-gray-100);
-      color: #000 !important;
+      span {
+        color: #000 !important;
+      }
     }
 
     &.active {
diff --git a/web/hooks/useOss.ts b/web/hooks/useOss.ts
new file mode 100644
index 0000000000..66910ac2ab
--- /dev/null
+++ b/web/hooks/useOss.ts
@@ -0,0 +1,32 @@
+import AWS from "aws-sdk";
+import useGlobalStore from "pages/globalStore";
+type Credentials = {
+  accessKeyId: string;
+  secretAccessKey: string;
+  sessionToken: string;
+};
+
+const useOss = (credentials: Credentials) => {
+  const { currentApp } = useGlobalStore();
+  const region = "us-east-1";
+  const endpoint = `http://${currentApp.name}.oss-${region}.com`;
+
+  AWS.config.update({
+    accessKeyId: "YOUR_ACCESS_KEY_HERE",
+    secretAccessKey: "YOUR_SECRET_ACCESS_KEY_HERE",
+  });
+
+  const myBucket = new AWS.S3({
+    accessKeyId: credentials.accessKeyId,
+    secretAccessKey: credentials.secretAccessKey,
+    sessionToken: credentials.sessionToken,
+    endpoint: endpoint,
+    s3ForcePathStyle: true,
+    signatureVersion: "v4",
+    region,
+  });
+
+  return myBucket;
+};
+
+export default useOss;
diff --git a/web/package.json b/web/package.json
index c9079fa3e9..e08d4e48b2 100644
--- a/web/package.json
+++ b/web/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "next dev -p 3001",
     "build": "next build",
-    "start": "next start",
+    "start": "next start -p 3001",
     "lint": "next lint"
   },
   "dependencies": {
@@ -19,6 +19,7 @@
     "@lingui/react": "^3.15.0",
     "@monaco-editor/react": "^4.4.6",
     "@tanstack/react-query": "^4.19.1",
+    "aws-sdk": "^2.1272.0",
     "axios": "^1.2.1",
     "clsx": "^1.2.1",
     "dayjs": "^1.11.7",
diff --git a/web/pages/app/[app_id]/database/CollectionDataList/mods/DataPannel/index.tsx b/web/pages/app/[app_id]/database/CollectionDataList/mods/DataPannel/index.tsx
index fe2834096f..2ac84514e5 100644
--- a/web/pages/app/[app_id]/database/CollectionDataList/mods/DataPannel/index.tsx
+++ b/web/pages/app/[app_id]/database/CollectionDataList/mods/DataPannel/index.tsx
@@ -18,9 +18,9 @@ export default function DataPannel() {
   const [currentData, setCurrentData] = useState<any>(null);
   return (
     <>
-      <div className="flex justify-end pb-2 shadow-sm">
-        <Button colorScheme={"blue"} size="sm" onClick={() => {}}>
-          <AddIcon color="white" />
+      <div className="flex pb-2 mt-2 shadow-sm">
+        <Button colorScheme={"primary"} size="sm" onClick={() => {}}>
+          <AddIcon color="white" className="mr-2" />
           新增记录
         </Button>
       </div>
diff --git a/web/pages/app/[app_id]/database/CollectionDataList/mods/IndexPannel/index.tsx b/web/pages/app/[app_id]/database/CollectionDataList/mods/IndexPannel/index.tsx
index f92ce0327a..565af9385b 100644
--- a/web/pages/app/[app_id]/database/CollectionDataList/mods/IndexPannel/index.tsx
+++ b/web/pages/app/[app_id]/database/CollectionDataList/mods/IndexPannel/index.tsx
@@ -1,12 +1,12 @@
 import { Button, Table, TableContainer, Tbody, Td, Th, Thead, Tr } from "@chakra-ui/react";
 
-import AddIndexMoale from "./addIndexModal";
+import AddIndexModal from "./addIndexModal";
 
 export default function IndexPannel() {
   return (
     <div>
       <div className="flex mt-2">
-        <AddIndexMoale />
+        <AddIndexModal />
       </div>
       <div className="rounded border border-slate-200 mt-4 ">
         <TableContainer>
diff --git a/web/pages/app/[app_id]/database/service.ts b/web/pages/app/[app_id]/database/service.ts
index 6444eafe0d..380cc3cd6b 100644
--- a/web/pages/app/[app_id]/database/service.ts
+++ b/web/pages/app/[app_id]/database/service.ts
@@ -81,3 +81,8 @@ export const useDeleteDBMutation = (config?: { onSuccess: (data: any) => void })
     },
   );
 };
+
+const server = () => {
+  return null;
+};
+export default server;
diff --git a/web/pages/app/[app_id]/functions/mods/DependecePanel/service.ts b/web/pages/app/[app_id]/functions/mods/DependecePanel/service.ts
index 5b70953f1e..3f5eb1363c 100644
--- a/web/pages/app/[app_id]/functions/mods/DependecePanel/service.ts
+++ b/web/pages/app/[app_id]/functions/mods/DependecePanel/service.ts
@@ -26,3 +26,9 @@ export const useAddPackageMutation = (callback?: () => void) => {
     },
   );
 };
+
+const server = () => {
+  return null;
+};
+
+export default server;
diff --git a/web/pages/app/[app_id]/functions/service.ts b/web/pages/app/[app_id]/functions/service.ts
index d72e1a6140..bbb851c31c 100644
--- a/web/pages/app/[app_id]/functions/service.ts
+++ b/web/pages/app/[app_id]/functions/service.ts
@@ -84,3 +84,8 @@ export const useDeleteFunctionMutation = () => {
     },
   );
 };
+
+const server = () => {
+  return null;
+};
+export default server;
diff --git a/web/pages/app/[app_id]/storages/service.ts b/web/pages/app/[app_id]/storages/service.ts
index 4a814bb0b4..fa391a6a2a 100644
--- a/web/pages/app/[app_id]/storages/service.ts
+++ b/web/pages/app/[app_id]/storages/service.ts
@@ -95,3 +95,8 @@ export const useFileListQuery = () => {
     {},
   );
 };
+
+const server = () => {
+  return null;
+};
+export default server;
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 2a8aeec831..aa3cc43556 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -101,15 +101,7 @@ function HomePage() {
                   className="flex justify-between items-center p-4 py-6 bg-white rounded-lg shadow mb-6 hover:bg-slate-100"
                 >
                   <div style={{ width: 300 }}>
-                    <Link
-                      onClick={(event) => {
-                        event?.preventDefault();
-                        setCurrentApp(item?.appid);
-                        router.push(`/app/${item?.appid}`);
-                      }}
-                    >
-                      <span className="text-lg font-semibold ">{item?.name}</span>
-                    </Link>
+                    <span className="text-lg font-semibold ">{item?.name}</span>
 
                     <p className="mt-1">
                       App ID: {item?.appid} <CopyText text={item?.appid} />
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 4598efd20e..29bd19d6d3 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -17,6 +17,7 @@ specifiers:
   '@types/react-dom': 18.0.9
   '@types/react-syntax-highlighter': ^15.5.5
   autoprefixer: ^10.4.13
+  aws-sdk: ^2.1272.0
   axios: ^1.2.1
   click-to-react-component: ^1.0.8
   clsx: ^1.2.1
@@ -51,6 +52,7 @@ dependencies:
   '@lingui/react': 3.15.0_react@18.2.0
   '@monaco-editor/react': 4.4.6_biqbaboplfbrettd7655fr4n2y
   '@tanstack/react-query': 4.19.1_biqbaboplfbrettd7655fr4n2y
+  aws-sdk: 2.1272.0
   axios: 1.2.1
   clsx: 1.2.1
   dayjs: 1.11.7
@@ -2215,6 +2217,27 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /available-typed-arrays/1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /aws-sdk/2.1272.0:
+    resolution: {integrity: sha512-vJmRzqqInIB7nl2eVWlphEJlVJZwgITKB0DL773FNww3w+nBxKuTtkoOhHYqbHuFtl5gFkL33DPA2MB6PpQLbw==}
+    engines: {node: '>= 10.0.0'}
+    dependencies:
+      buffer: 4.9.2
+      events: 1.1.1
+      ieee754: 1.1.13
+      jmespath: 0.16.0
+      querystring: 0.2.0
+      sax: 1.2.1
+      url: 0.10.3
+      util: 0.12.5
+      uuid: 8.0.0
+      xml2js: 0.4.19
+    dev: false
+
   /axe-core/4.5.2:
     resolution: {integrity: sha512-u2MVsXfew5HBvjsczCv+xlwdNnB1oQR9HlAcsejZttNjKKSkeDNVwB1vMThIUIFI9GoT57Vtk8iQLwqOfAkboA==}
     engines: {node: '>=4'}
@@ -2293,6 +2316,14 @@ packages:
       update-browserslist-db: 1.0.10_browserslist@4.21.4
     dev: true
 
+  /buffer/4.9.2:
+    resolution: {integrity: sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==}
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+      isarray: 1.0.0
+    dev: false
+
   /buffer/5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
     dependencies:
@@ -2305,7 +2336,6 @@ packages:
     dependencies:
       function-bind: 1.1.1
       get-intrinsic: 1.1.3
-    dev: true
 
   /callsites/3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
@@ -3053,6 +3083,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /events/1.1.1:
+    resolution: {integrity: sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==}
+    engines: {node: '>=0.4.x'}
+    dev: false
+
   /external-editor/3.1.0:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
@@ -3165,6 +3200,12 @@ packages:
         optional: true
     dev: false
 
+  /for-each/0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    dependencies:
+      is-callable: 1.2.7
+    dev: false
+
   /form-data/4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -3259,7 +3300,6 @@ packages:
       function-bind: 1.1.1
       has: 1.0.3
       has-symbols: 1.0.3
-    dev: true
 
   /get-nonce/1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
@@ -3350,6 +3390,12 @@ packages:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
     dev: true
 
+  /gopd/1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.1.3
+    dev: false
+
   /graceful-fs/4.2.10:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
 
@@ -3379,14 +3425,12 @@ packages:
   /has-symbols/1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /has-tostringtag/1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
   /has/1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
@@ -3433,6 +3477,10 @@ packages:
       safer-buffer: 2.1.2
     dev: false
 
+  /ieee754/1.1.13:
+    resolution: {integrity: sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==}
+    dev: false
+
   /ieee754/1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
     dev: false
@@ -3516,6 +3564,14 @@ packages:
       is-decimal: 1.0.4
     dev: false
 
+  /is-arguments/1.1.1:
+    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: false
+
   /is-arrayish/0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
     dev: false
@@ -3543,7 +3599,6 @@ packages:
   /is-callable/1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-core-module/2.11.0:
     resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
@@ -3576,6 +3631,13 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
+  /is-generator-function/1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: false
+
   /is-glob/4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -3640,6 +3702,17 @@ packages:
       has-symbols: 1.0.3
     dev: true
 
+  /is-typed-array/1.1.10:
+    resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+    dev: false
+
   /is-unicode-supported/0.1.0:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
     engines: {node: '>=10'}
@@ -3658,6 +3731,10 @@ packages:
       is-docker: 2.2.1
     dev: true
 
+  /isarray/1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+    dev: false
+
   /isexe/2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
@@ -3679,6 +3756,11 @@ packages:
       pretty-format: 26.6.2
     dev: false
 
+  /jmespath/0.16.0:
+    resolution: {integrity: sha512-9FzQjJ7MATs1tSpnco1K6ayiYE3figslrXA72G2HQ/n76RzvYlofyi5QM+iX4YRs/pu3yzxlVQSST23+dMDknw==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
   /js-sdsl/4.2.0:
     resolution: {integrity: sha512-dyBIzQBDkCqCu+0upx25Y2jGdbTGxE9fshMsCdK0ViOongpV+n5tXRcZY9v7CaVQ79AGS9KA1KHtojxiM7aXSQ==}
     dev: true
@@ -4347,11 +4429,21 @@ packages:
       commander: 6.2.1
     dev: false
 
+  /punycode/1.3.2:
+    resolution: {integrity: sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==}
+    dev: false
+
   /punycode/2.1.1:
     resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
     engines: {node: '>=6'}
     dev: true
 
+  /querystring/0.2.0:
+    resolution: {integrity: sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g==}
+    engines: {node: '>=0.4.x'}
+    deprecated: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
+    dev: false
+
   /queue-microtask/1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
@@ -4643,6 +4735,10 @@ packages:
       source-map-js: 1.0.2
     dev: false
 
+  /sax/1.2.1:
+    resolution: {integrity: sha512-8I2a3LovHTOpm7NV5yOyO8IHqgVsfK4+UuySrXU8YXkSRX7k6hCV9b3HrkKCr3nMpgj+0bmocaJJWpvp1oc7ZA==}
+    dev: false
+
   /scheduler/0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
@@ -5017,6 +5113,13 @@ packages:
       punycode: 2.1.1
     dev: true
 
+  /url/0.10.3:
+    resolution: {integrity: sha512-hzSUW2q06EqL1gKM/a+obYHLIO6ct2hwPuviqTTOcfFVc61UbfJ2Q32+uGL/HCPxKqrdGB5QUwIe7UqlDgwsOQ==}
+    dependencies:
+      punycode: 1.3.2
+      querystring: 0.2.0
+    dev: false
+
   /use-callback-ref/1.3.0_kzbn2opkn2327fwg5yzwzya5o4:
     resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
     engines: {node: '>=10'}
@@ -5072,6 +5175,21 @@ packages:
   /util-deprecate/1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  /util/0.12.5:
+    resolution: {integrity: sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==}
+    dependencies:
+      inherits: 2.0.4
+      is-arguments: 1.1.1
+      is-generator-function: 1.0.10
+      is-typed-array: 1.1.10
+      which-typed-array: 1.1.9
+    dev: false
+
+  /uuid/8.0.0:
+    resolution: {integrity: sha512-jOXGuXZAWdsTH7eZLtyXMqUb9EcWMGZNbL9YcGBJl4MH4nrxHmZJhEHvyLFrkxo+28uLb/NYRcStH48fnD0Vzw==}
+    hasBin: true
+    dev: false
+
   /v8-compile-cache-lib/3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
     dev: false
@@ -5092,6 +5210,18 @@ packages:
       is-symbol: 1.0.4
     dev: true
 
+  /which-typed-array/1.1.9:
+    resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+      is-typed-array: 1.1.10
+    dev: false
+
   /which/2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -5108,6 +5238,18 @@ packages:
   /wrappy/1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  /xml2js/0.4.19:
+    resolution: {integrity: sha512-esZnJZJOiJR9wWKMyuvSE1y6Dq5LCuJanqhxslH2bxM6duahNZ+HMpCLhBQGZkbX6xRf8x1Y2eJlgt2q3qo49Q==}
+    dependencies:
+      sax: 1.2.1
+      xmlbuilder: 9.0.7
+    dev: false
+
+  /xmlbuilder/9.0.7:
+    resolution: {integrity: sha512-7YXTQc3P2l9+0rjaUbLwMKRhtmwg1M1eDf6nag7urC7pIPYLD9W/jmzQ4ptRSUbodw5S0jfoGTflLemQibSpeQ==}
+    engines: {node: '>=4.0'}
+    dev: false
+
   /xtend/4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
diff --git a/web/utils/request.ts b/web/utils/request.ts
index b2cff86649..e62499247a 100644
--- a/web/utils/request.ts
+++ b/web/utils/request.ts
@@ -15,8 +15,7 @@ request.interceptors.request.use(
   (config: AxiosRequestConfig) => {
     // auto append service prefix
     if (config.url && config.url?.startsWith("/v1/")) {
-      // TODO: localhost 3000
-      config.url = "http://localhost:3000" + config.url;
+      config.url = process.env.NEXT_PUBLIC_API_SERVER + config.url;
     }
 
     let _headers: AxiosRequestHeaders | any = {
@@ -59,7 +58,7 @@ request.interceptors.response.use(
       // handle error code
       const { data } = error.response;
       if (data.statusCode === 401) {
-        location.href = "http://localhost:3000/v1/login";
+        location.href = process.env.NEXT_PUBLIC_LOGIN_PATH as string;
         return;
       }
       toast({