From aed9323a09a18337e1dbbcc342179c6a485cd01e Mon Sep 17 00:00:00 2001
From: Hongying Li <lihongying>
Date: Sun, 12 Apr 2026 19:04:31 +0800
Subject: [PATCH] =?UTF-8?q?docker=E9=85=8D=E7=BD=AE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose.yml      |  2 +-
 frontend/Dockerfile     | 15 +++++----------
 frontend/vite.config.ts | 20 ++++++++++++++++++++
 3 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 7ac1ce6..0e22e4c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -25,4 +25,4 @@ services:
     ports:
       # 选择避开了NAS常见的80, 443, 3000, 8080等端口，用 8090 作为外部访问端。
       # 你可以在NAS路由器或面板中直接访问: http://群晖NAS_IP:8090
-      - "8090:80"
\ No newline at end of file
+      - "8090:8090"
\ No newline at end of file
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index befb9ce..48577fe 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,18 +1,13 @@
-FROM node:18-alpine AS builder
+FROM node:18-alpine
 WORKDIR /app
 COPY package*.json ./
 RUN npm install
 COPY . .
 
-# NAS部署非常关键的一步：由于走Nginx同域反代，需将URL置空以使用相对路径，避免局域网IP锁死
+# NAS部署：使用相对路径，以便让Vite Preview接管同域/api路由并代理给backend容器
 ENV VITE_API_BASE_URL=""
 RUN npm run build
 
-FROM nginx:alpine
-# 获取vite构件结果
-COPY --from=builder /app/dist /usr/share/nginx/html
-# 覆盖Nginx默认配置
-COPY nginx.conf /etc/nginx/conf.d/default.conf
-
-# 暴露的Web服务器访问端口
-EXPOSE 80
\ No newline at end of file
+# 安装一个轻量静态服务器 (http-server 或 serve)，或者直接使用 vite preview
+EXPOSE 8090
+CMD ["npm", "run", "preview", "--", "--host", "0.0.0.0", "--port", "8090"]
\ No newline at end of file
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 7342211..2fb1195 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -38,4 +38,24 @@ export default defineConfig({
       },
     },
   },
+  server: {
+    port: 8090,
+    host: '0.0.0.0',
+    proxy: {
+      '/api': {
+        target: 'http://backend:8080',
+        changeOrigin: true
+      }
+    }
+  },
+  preview: {
+    port: 8090,
+    host: '0.0.0.0',
+    proxy: {
+      '/api': {
+        target: 'http://backend:8080',
+        changeOrigin: true
+      }
+    }
+  }
 })