# 优化后的 Dockerfile - 支持代理和缓存 # 解决构建时网络超时问题 # 构建阶段 FROM node:18-alpine as builder ARG HTTP_PROXY ARG HTTPS_PROXY ARG NO_PROXY ARG APT_PROXY=http://host.docker.internal:3142 # 继承代理参数 ENV HTTP_PROXY=${HTTP_PROXY} ENV HTTPS_PROXY=${HTTPS_PROXY} ENV NO_PROXY=${NO_PROXY} WORKDIR /app # 如果使用国内镜像源,取消下面的注释 # RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories # 配置 npm 代理 (如果设置了代理) RUN if [ -n "${HTTP_PROXY}" ]; then \ npm config set proxy ${HTTP_PROXY} && \ npm config set https-proxy ${HTTP_PROXY} && \ npm config set registry https://registry.npmmirror.com; \ else \ npm config set registry https://registry.npmmirror.com; \ fi # 配置 npm 缓存 RUN npm config set cache /tmp/.npm --global # 安装 pnpm (使用国内镜像源) RUN npm install -g pnpm --registry=https://registry.npmmirror.com # 复制 package 文件 COPY package.json pnpm-lock.yaml ./ # 配置 pnpm 代理和镜像源 RUN if [ -n "${HTTP_PROXY}" ]; then \ pnpm config set proxy ${HTTP_PROXY} && \ pnpm config set https-proxy ${HTTP_PROXY}; \ fi RUN pnpm config set registry https://registry.npmmirror.com # 安装依赖 (使用重试机制) RUN timeout 300 pnpm install --frozen-lockfile || \ (sleep 10 && timeout 300 pnpm install --frozen-lockfile) || \ (sleep 30 && timeout 300 pnpm install --frozen-lockfile) # 复制源代码 COPY . . # 构建应用 (使用重试机制) RUN timeout 300 npm run build || \ (sleep 10 && timeout 300 npm run build) || \ (sleep 30 && timeout 300 npm run build) # 生产阶段 FROM node:18-alpine ARG HTTP_PROXY ARG HTTPS_PROXY ARG NO_PROXY # 继承代理参数 ENV HTTP_PROXY=${HTTP_PROXY} ENV HTTPS_PROXY=${HTTPS_PROXY} ENV NO_PROXY=${NO_PROXY} WORKDIR /app # 如果使用国内镜像源,取消下面的注释 # RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories # 配置 npm 代理 RUN if [ -n "${HTTP_PROXY}" ]; then \ npm config set proxy ${HTTP_PROXY} && \ npm config set https-proxy ${HTTP_PROXY} && \ npm config set registry https://registry.npmmirror.com; \ else \ npm config set registry https://registry.npmmirror.com; \ fi # 安装 pnpm 和 serve RUN npm install -g pnpm serve --registry=https://registry.npmmirror.com # 复制构建产物 COPY --from=builder /app/dist ./dist COPY --from=builder /app/package.json ./ COPY --from=builder /app/pnpm-lock.yaml ./ # 安装生产依赖 RUN timeout 300 pnpm install --prod --frozen-lockfile || \ (sleep 10 && timeout 300 pnpm install --prod --frozen-lockfile) # 清理 npm 缓存 RUN npm cache clean --force # 暴露端口 EXPOSE 5173 # 健康检查 HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \ CMD curl -f http://localhost:5173 || exit 1 # 启动应用 CMD ["serve", "-s", "dist", "-l", "5173"]