From 3475af1707df1c35d685f092f17974cb3d46b21e Mon Sep 17 00:00:00 2001
From: wizardchen <wizardchen@tencent.com>
Date: Wed, 20 May 2026 20:33:32 +0800
Subject: [PATCH] feat(frontend): configure API proxy target for development
 environment

Updated the Vite configuration to allow dynamic setting of the API proxy target based on environment variables. The default target is now configurable via VITE_DEV_PROXY_TARGET or FRONTEND_BACKEND_URL, enhancing flexibility for different development setups. Additionally, the development script logs the current API proxy target for better visibility during startup.
---
 frontend/vite.config.ts | 8 ++++++--
 scripts/dev.sh          | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index aae11d4d..6735a298 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -11,6 +11,10 @@ const require = createRequire(import.meta.url)
 
 const pkg = require('./package.json') as { version?: string }
 const FRONTEND_VERSION = pkg.version ?? 'unknown'
+const DEV_PROXY_TARGET =
+  process.env.VITE_DEV_PROXY_TARGET ||
+  process.env.FRONTEND_BACKEND_URL ||
+  'http://localhost:8080'
 
 function resolveVueOfficePptxEntry(): string {
   try {
@@ -47,12 +51,12 @@ export default defineConfig({
     // 代理配置，用于开发环境
     proxy: {
       '/api': {
-        target: 'http://localhost:8080',
+        target: DEV_PROXY_TARGET,
         changeOrigin: true,
         secure: false,
       },
       '/files': {
-        target: 'http://localhost:8080',
+        target: DEV_PROXY_TARGET,
         changeOrigin: true,
         secure: false,
       }
diff --git a/scripts/dev.sh b/scripts/dev.sh
index c3cd0053..1d37abc9 100755
--- a/scripts/dev.sh
+++ b/scripts/dev.sh
@@ -319,6 +319,7 @@ start_frontend() {
     
     log_info "启动 Vite 开发服务器..."
     log_info "前端将运行在 http://localhost:5173"
+    log_info "前端 API 代理目标: ${VITE_DEV_PROXY_TARGET:-${FRONTEND_BACKEND_URL:-http://localhost:8080}}"
     
     # 运行开发服务器
     npm run dev