# 多阶段:Vite 构建 -> Nginx 静态服务
# Builder
FROM node:20-alpine AS builder

# 国内可换源
# RUN sed -i 's|dl-cdn.alpinelinux.org|mirrors.aliyun.com|g' /etc/apk/repositories

ENV PNPM_HOME=/pnpm \
    PATH=/pnpm:$PATH

# 装 pnpm(用 corepack 更省事)
RUN corepack enable && corepack prepare pnpm@9.7.1 --activate

WORKDIR /src

# 利用 layer 缓存
COPY package.json pnpm-lock.yaml* ./
RUN pnpm install --frozen-lockfile

COPY . .
RUN pnpm build

# Runner:用 nginx 提供静态资源 + 反代 /api
FROM nginx:1.27-alpine

# 删掉默认配置
RUN rm /etc/nginx/conf.d/default.conf

# 我们的反代 + SPA fallback 配置
COPY nginx/web.conf /etc/nginx/conf.d/web.conf

# 静态产物
COPY --from=builder /src/dist /usr/share/nginx/html

# 健康检查
HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
  CMD wget -q -O- http://127.0.0.1/ > /dev/null || exit 1

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]