57 lines
1.3 KiB
Docker
57 lines
1.3 KiB
Docker
# 多阶段构建 - 前端 Dockerfile
|
||
# 阶段 1: 构建阶段
|
||
FROM node:20-alpine AS builder
|
||
|
||
# 设置工作目录
|
||
WORKDIR /app
|
||
|
||
# 配置 npm 国内镜像
|
||
RUN npm config set registry https://registry.npmmirror.com
|
||
|
||
# 复制 package 文件
|
||
COPY package*.json ./
|
||
|
||
# 安装所有依赖（包括 devDependencies）
|
||
RUN npm ci
|
||
|
||
# 复制源代码
|
||
COPY . .
|
||
|
||
# 构建生产版本
|
||
RUN npm run build
|
||
|
||
# 阶段 2: 运行阶段
|
||
FROM nginx:alpine
|
||
|
||
# 配置 Alpine 国内镜像源
|
||
RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories
|
||
|
||
# 安装 tzdata 用于时区设置
|
||
RUN apk --no-cache add tzdata
|
||
|
||
# 设置时区为上海
|
||
ENV TZ=Asia/Shanghai
|
||
|
||
# 删除默认的 nginx 配置
|
||
RUN rm /etc/nginx/conf.d/default.conf
|
||
|
||
# 复制自定义 nginx 配置
|
||
COPY nginx.conf /etc/nginx/conf.d/
|
||
|
||
# 从构建阶段复制构建产物
|
||
COPY --from=builder /app/dist /usr/share/nginx/html
|
||
|
||
# 创建非 root 用户（nginx 已经有了，但我们确保权限正确）
|
||
RUN chown -R nginx:nginx /usr/share/nginx/html && \
|
||
chmod -R 755 /usr/share/nginx/html
|
||
|
||
# 暴露端口
|
||
EXPOSE 2613
|
||
|
||
# 健康检查
|
||
HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
|
||
CMD wget --no-verbose --tries=1 --spider http://localhost:2613/ || exit 1
|
||
|
||
# 启动 nginx
|
||
CMD ["nginx", "-g", "daemon off;"]
|