diff --git a/.gitignore b/.gitignore
index a547bf3..7ceb59f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.env
diff --git a/vite.config.ts b/vite.config.ts
index 311bf84..cbe3540 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,31 +1,36 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'node:path'
 
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  resolve: {
-    alias: { '@': path.resolve(import.meta.dirname, 'src') },
-  },
-  build: {
-    rollupOptions: {
-      output: {
-        manualChunks(id: string) {
-          if (id.includes('node_modules/react') || id.includes('node_modules/react-dom')) return 'react'
-          if (id.includes('node_modules/antd') || id.includes('node_modules/@ant-design')) return 'antd'
-          if (id.includes('node_modules/echarts')) return 'echarts'
-          if (id.includes('node_modules/react-markdown') || id.includes('node_modules/react-syntax-highlighter') || id.includes('node_modules/remark-gfm')) return 'markdown'
-          if (id.includes('node_modules/@tanstack')) return 'query'
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const apiBase = env.VITE_API_BASE_URL || 'https://api.longde.cloud'
+
+  return {
+    plugins: [react(), tailwindcss()],
+    resolve: {
+      alias: { '@': path.resolve(import.meta.dirname, 'src') },
+    },
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks(id: string) {
+            if (id.includes('node_modules/react') || id.includes('node_modules/react-dom')) return 'react'
+            if (id.includes('node_modules/antd') || id.includes('node_modules/@ant-design')) return 'antd'
+            if (id.includes('node_modules/echarts')) return 'echarts'
+            if (id.includes('node_modules/react-markdown') || id.includes('node_modules/react-syntax-highlighter') || id.includes('node_modules/remark-gfm')) return 'markdown'
+            if (id.includes('node_modules/@tanstack')) return 'query'
+          },
         },
       },
     },
-  },
-  server: {
-    port: 5174, host: true,
-    proxy: {
-      '/api': 'https://api.longde.cloud',
-      '/admin-api': 'https://api.longde.cloud',
+    server: {
+      port: 5174, host: true,
+      proxy: {
+        '/api': apiBase,
+        '/admin-api': apiBase,
+      },
     },
-  },
+  }
 })