| yyyang | 3bd72f0 | 2025-06-03 16:35:11 +0800 | [diff] [blame^] | 1 | # 构建阶段 |
| 2 | FROM node:18-alpine as build |
| 3 | |
| 4 | # 设置工作目录 |
| 5 | WORKDIR /app |
| 6 | |
| 7 | # 设置 npm 镜像源（使用淘宝镜像加速 npm 包下载） |
| 8 | RUN npm config set registry https://registry.npmmirror.com |
| 9 | |
| 10 | # 复制 package.json 和 package-lock.json |
| 11 | COPY package*.json ./ |
| 12 | |
| 13 | # 安装依赖 |
| 14 | RUN npm install |
| 15 | |
| 16 | # 复制源代码 |
| 17 | COPY . . |
| 18 | |
| 19 | # 清理之前的构建产物 |
| 20 | RUN rm -rf dist |
| 21 | |
| 22 | # 构建应用 |
| 23 | RUN npm run build |
| 24 | |
| 25 | # 验证构建产物 |
| 26 | RUN ls -la dist && \ |
| 27 | ls -la dist/assets |
| 28 | |
| 29 | # 生产阶段 |
| 30 | FROM nginx:alpine |
| 31 | |
| 32 | # 设置时区 |
| 33 | ENV TZ=Asia/Shanghai |
| 34 | RUN apk add --no-cache tzdata && \ |
| 35 | cp /usr/share/zoneinfo/$TZ /etc/localtime && \ |
| 36 | echo $TZ > /etc/timezone |
| 37 | |
| 38 | # 清理 nginx 目录 |
| 39 | RUN rm -rf /usr/share/nginx/html/* |
| 40 | |
| 41 | # 直接复制本地构建的文件 |
| 42 | COPY dist/ /usr/share/nginx/html/ |
| 43 | |
| 44 | # 验证文件是否正确复制 |
| 45 | RUN ls -la /usr/share/nginx/html && \ |
| 46 | ls -la /usr/share/nginx/html/assets |
| 47 | |
| 48 | # 复制 Nginx 配置文件 |
| 49 | COPY nginx.conf /etc/nginx/conf.d/default.conf |
| 50 | |
| 51 | # 暴露端口 |
| 52 | EXPOSE 80 |
| 53 | |
| 54 | # 启动 Nginx |
| 55 | CMD ["nginx", "-g", "daemon off;"] |