fix: 修改前端生产构建方案

backend/src/main/resources/application.properties

@@ -4,7 +4,7 @@ server.port=${SERVER_PORT:8080}
 # for mysql
 logging.level.root=${LOG_LEVEL:INFO}
 logging.level.com.openisle.service.CosImageUploader=DEBUG
-spring.datasource.url=jdbc:mysql://${MYSQL_HOST}:3306/${MYSQL_DATABASE}
+spring.datasource.url=jdbc:mysql://${MYSQL_HOST}:${MYSQL_PORT}/${MYSQL_DATABASE}
 spring.datasource.username=${MYSQL_USER:root}
 spring.datasource.password=${MYSQL_PASSWORD:password}
 spring.jpa.hibernate.ddl-auto=update

docker/docker-compose.yaml

@@ -212,29 +212,24 @@ services:
     profiles:
       - dev
 
-  frontend_service:
+   frontend_service:
     build:
-      context: ..
+      context: ..                 # 仓库根目录（包含 frontend_nuxt/）
-      dockerfile: frontend-service.Dockerfile
+      dockerfile: docker/frontend-service.Dockerfile
-    container_name: openisle-frontend-service
+      args:
-    working_dir: /app
+        # 由 .env（或 --env-file）提供，默认 staging；正式环境脚本会传 production
+        NUXT_ENV: ${NUXT_ENV:-staging}
+    container_name: openisle-frontend
     env_file:
-      - ../.env
+      - ../.env                   # 或者在脚本里指定 .env.staging / .env.production
-    volumes:
-      - ../frontend_nuxt:/app
-      - frontend-service-node-modules:/app/node_modules
-      - frontend-static:/var/www/openisle
     ports:
-      - "${FRONTEND_SERVICE_PORT:-3001}:3000"
+      - "${FRONTEND_PORT:-3000}:3000"
     depends_on:
       springboot:
         condition: service_healthy
       websocket-service:
         condition: service_healthy
-    networks:
+    restart: unless-stopped
-      - openisle-network
-    profiles:
-      - service
 
   loopback_8080:
     image: alpine/socat

docker/frontend-service-entrypoint.sh

@@ -1,62 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-
-cd /app
-
-echo "👉 Building frontend (Nuxt SSR)..."
-
-if [ -f .env.production.example ] && [ ! -f .env ]; then
-  echo "📄 Copying .env.production.example to .env"
-  cp .env.production.example .env
-fi
-
-npm ci
-npm run build
-
-echo "🧪 Smoke-testing: nuxt generate (artifacts will NOT be used)..."
-
-SSR_OUTPUT_DIR=".output"
-SSR_OUTPUT_BAK=".output-ssr-backup-$$"
-GEN_FAIL_MSG="❌ Generate smoke test failed"
-
-if [ ! -d "${SSR_OUTPUT_DIR}" ]; then
-  echo "❌ 未发现 ${SSR_OUTPUT_DIR}，请先确保 npm run build 成功执行"
-  exit 1
-fi
-
-mv "${SSR_OUTPUT_DIR}" "${SSR_OUTPUT_BAK}"
-
-restore_on_fail() {
-  if [ -d ".output" ]; then
-    mv .output ".output-generate-failed-$(date +%s)" || true
-  fi
-  mv "${SSR_OUTPUT_BAK}" "${SSR_OUTPUT_DIR}"
-}
-
-trap 'restore_on_fail; echo "${GEN_FAIL_MSG}: unexpected error"; exit 1' ERR
-
-NUXT_TELEMETRY_DISABLED=1 \
-NITRO_PRERENDER_FAIL_ON_ERROR=1 \
-npx nuxi generate --preset static
-
-if [ ! -d ".output/public" ]; then
-  restore_on_fail
-  echo "${GEN_FAIL_MSG}: .output/public not found"
-  exit 1
-fi
-
-rm -rf ".output"
-mv "${SSR_OUTPUT_BAK}" "${SSR_OUTPUT_DIR}"
-trap - ERR
-echo "✅ Generate smoke test passed."
-
-if [ -d ".output/public" ]; then
-  mkdir -p /var/www/openisle
-  rsync -a --delete .output/public/ /var/www/openisle/
-else
-  echo "❌ 未发现 .output/public；检查 nuxt.config.ts/nitro preset"
-  exit 1
-fi
-
-echo "🚀 Starting Nuxt SSR server..."
-exec node .output/server/index.mjs

docker/frontend-service.Dockerfile

@@ -1,12 +1,39 @@
-FROM node:20
+# ==== builder ====
-
+FROM node:20-bullseye AS builder
-RUN apt-get update \
-    && apt-get install -y --no-install-recommends rsync \
-    && rm -rf /var/lib/apt/lists/*
-
 WORKDIR /app
 
-COPY docker/frontend-service-entrypoint.sh /usr/local/bin/frontend-service-entrypoint.sh
+# 通过构建参数选择环境：staging / production（默认 staging）
-RUN chmod +x /usr/local/bin/frontend-service-entrypoint.sh
+ARG NUXT_ENV=staging
+ENV NODE_ENV=production \
+    NUXT_TELEMETRY_DISABLED=1
 
-CMD ["frontend-service-entrypoint.sh"]
+# 复制源代码（假设仓库根目录包含 frontend_nuxt）
+# 构建上下文由 docker-compose 指向仓库根目录
+COPY ./frontend_nuxt/package*.json /app/
+RUN npm ci
+
+# 拷贝剩余代码
+COPY ./frontend_nuxt/ /app/
+
+# 若存在环境样例文件，则在构建期复制为 .env（你也可以用 --build-arg 覆盖）
+RUN if [ -f ".env.${NUXT_ENV}.example" ]; then cp ".env.${NUXT_ENV}.example" .env; fi
+
+# 构建 SSR：产物在 .output
+RUN npm run build
+
+# ==== runner ====
+FROM node:20-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV=production \
+    NUXT_TELEMETRY_DISABLED=1 \
+    PORT=3000 \
+    HOST=0.0.0.0
+
+# 复制构建产物
+COPY --from=builder /app/.output /app/.output
+
+# 健康检查（简洁起见，探测首页）
+HEALTHCHECK --interval=10s --timeout=5s --retries=30 CMD wget -qO- http://127.0.0.1:${PORT}/ >/dev/null 2>&1 || exit 1
+
+EXPOSE 3000
+CMD ["node", ".output/server/index.mjs"]