build(frontend): 添加不同环境的环境变量配置文件

添加开发、预发和生产环境的环境变量配置文件，包含端口、代理路径和API基地址等配置项

frontend/vite.config.ts

@@ -1,16 +1,25 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    port: 5173,
-    open: true,
-    proxy: {
-      '/api': {
-        target: 'http://127.0.0.1:8080',
-        changeOrigin: true
+// 单一配置文件 + 多环境 .env：
+// - .env.development / .env.production / .env.staging 中配置变量
+// - 通过 loadEnv 读取并应用到开发服务器与代理
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, '.', '')
+  const port = Number(env.VITE_PORT || 5173)
+  const open = String(env.VITE_OPEN ?? 'true').toLowerCase() === 'true' || env.VITE_OPEN === '1'
+  const proxyTarget = env.VITE_ADMIN_PROXY_PATH || 'http://127.0.0.1:8080'
+
+  return {
+    plugins: [react()],
+    server: {
+      port,
+      open,
+      proxy: {
+        '/api': {
+          target: proxyTarget,
+          changeOrigin: true
+        }
       }
     }
   }