# 使用官方的 Node.js 镜像作为基础
FROM node:16 as build-stage

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 package-lock.json 到容器中
COPY package*.json ./

# 安装项目依赖
RUN npm config set registry 'https://registry.npm.taobao.org' && npm install 

# 复制所有文件到容器中
COPY . .

# 执行构建命令
RUN npm run build

# 使用 Nginx 镜像作为基础
FROM nginx:latest

# 将构建好的前端文件复制到 Nginx 的默认静态文件目录
COPY --from=build-stage /app/dist /usr/share/nginx/html

# 使用默认的 Nginx 配置文件
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露容器的 80 端口
EXPOSE 80

FROM node:16-alpine