This commit is contained in:
2026-01-05 20:56:49 +08:00
parent a9115c3b04
commit 361435cece
2 changed files with 31 additions and 41 deletions

View File

@@ -1,58 +1,54 @@
# 多段构建 - 第一阶段:构建应用 # 多段构建 - 第一阶段:构建应用
FROM node:16-alpine AS builder FROM node:16-alpine AS builder
# 设置工作目录
WORKDIR /app WORKDIR /app
# 复制package文件 # 可选:使用哪种包管理器构建(默认 pnpm也可传 npm
COPY package*.json ./ ARG PKG_MANAGER=pnpm
# 可选:镜像加速(例如 https://registry.npmmirror.com
ARG NPM_REGISTRY=
# 设置npmmirror镜像 ENV CI=true
RUN npm config set registry https://registry.npmmirror.com
# 安装所有依赖(包括开发依赖,构建需要) # 先复制依赖清单,最大化缓存命中
RUN npm ci COPY package.json ./
COPY package-lock.json* pnpm-lock.yaml* yarn.lock* ./
RUN if [ -n "$NPM_REGISTRY" ]; then npm config set registry "$NPM_REGISTRY"; fi
RUN set -eux; \
if [ "$PKG_MANAGER" = "pnpm" ]; then \
npm i -g pnpm@8 && pnpm i --frozen-lockfile; \
elif [ "$PKG_MANAGER" = "npm" ]; then \
npm ci --no-audit --fund=false; \
else \
echo "Unsupported PKG_MANAGER=$PKG_MANAGER (use pnpm or npm)"; \
exit 1; \
fi
# 复制源代码 # 复制源代码
COPY . . COPY . .
# 构建应用 RUN set -eux; \
RUN npm run build:prod if [ "$PKG_MANAGER" = "pnpm" ]; then \
pnpm run build:prod; \
else \
npm run build:prod; \
fi
# 多段构建 - 第二阶段Nginx部署 # 多段构建 - 第二阶段Nginx部署
FROM nginx:alpine AS final FROM nginx:alpine AS final
# 安装必要的工具
RUN apk add --no-cache curl
# 复制自定义nginx配置 # 复制自定义nginx配置
COPY nginx.conf /etc/nginx/nginx.conf COPY nginx.conf /etc/nginx/nginx.conf
# 从构建阶段复制构建产物 # 从构建阶段复制构建产物
COPY --from=builder /app/dist /usr/share/nginx/html COPY --from=builder /app/dist /usr/share/nginx/html
# 复制SSL证书如果有的话
# COPY ssl/ /etc/nginx/ssl/
# 设置权限
RUN chown -R nginx:nginx /usr/share/nginx/html && \
chown -R nginx:nginx /var/cache/nginx && \
chown -R nginx:nginx /var/log/nginx && \
chown -R nginx:nginx /etc/nginx/conf.d
# 创建nginx运行时需要的目录
RUN touch /var/run/nginx.pid && \
chown -R nginx:nginx /var/run/nginx.pid
# 切换到非root用户
USER nginx
# 暴露端口
EXPOSE 80 EXPOSE 80
# 健康检查 # 健康检查:使用 nginx.conf 的 /health避免额外安装 curl
HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \ HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
CMD curl -f http://localhost/ || exit 1 CMD wget -qO- http://127.0.0.1/health >/dev/null || exit 1
# 启动nginx
CMD ["nginx", "-g", "daemon off;"] CMD ["nginx", "-g", "daemon off;"]

View File

@@ -10,14 +10,8 @@ services:
networks: networks:
- ${NETWORK_NAME:-proxy} - ${NETWORK_NAME:-proxy}
restart: ${RESTART_POLICY:-unless-stopped} restart: ${RESTART_POLICY:-unless-stopped}
environment:
- NGINX_HOST=${NGINX_HOST:-localhost}
- NGINX_PORT=80
volumes:
- ./nginx.conf:/etc/nginx/nginx.conf:ro
# - ./ssl:/etc/nginx/ssl:ro # 如果需要SSL证书取消注释并配置证书文件
healthcheck: healthcheck:
test: ["CMD", "curl", "-f", "http://localhost/"] test: ["CMD", "wget", "-qO-", "http://127.0.0.1/health"]
interval: 30s interval: 30s
timeout: 10s timeout: 10s
retries: 3 retries: 3