# 前端构建阶段
FROM registry.cn-beijing.aliyuncs.com/yinzy/node:20.11-alpine3.19 AS builder

WORKDIR /app

# 先复制依赖声明，利用缓存
COPY vue-ui/package*.json ./

# 使用国内镜像源并安装依赖
# RUN npm config set registry https://registry.npmmirror.com \
#  && npm ci --no-audit --no-fund

# 复制源码并构建
COPY vue-ui/ .
# RUN npm run build

# 运行阶段，使用独立 nginx 镜像
FROM registry.cn-beijing.aliyuncs.com/yinzy/nginx:alpine-stable AS runtime

# 清理默认页面
WORKDIR /usr/share/nginx/html
RUN rm -rf ./*

# 拷贝构建产物
# 直接使用构建上下文中的 dist.tgz
ADD dist.tgz .

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