36 lines
682 B
Docker
36 lines
682 B
Docker
# 第一阶段：构建 React 应用
|
|
FROM node:20-alpine AS builder
|
|
|
|
WORKDIR /app
|
|
|
|
# 复制 package.json 和 package-lock.json
|
|
COPY package*.json ./
|
|
|
|
# 安装依赖
|
|
RUN npm ci --only=production=false
|
|
|
|
# 复制所有源代码
|
|
COPY . .
|
|
|
|
# 构建生产版本
|
|
RUN npm run build
|
|
|
|
# 第二阶段：使用 Nginx 托管静态文件
|
|
FROM nginx:1.27-alpine
|
|
|
|
WORKDIR /usr/share/nginx/html
|
|
|
|
# 删除 Nginx 默认的静态文件
|
|
RUN rm -rf ./*
|
|
|
|
# 从构建阶段复制构建好的静态文件
|
|
COPY --from=builder /app/dist .
|
|
|
|
# 复制自定义的 Nginx 配置
|
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|
|
|
# 暴露前端服务端口
|
|
EXPOSE 80
|
|
|
|
# 启动 Nginx
|
|
CMD ["nginx", "-g", "daemon off;"] |