2025-02-15 15:10:03 +08:00
|
|
|
# 使用官方 Node.js 运行时作为父镜像
|
|
|
|
|
FROM node:18-alpine AS build-stage
|
2022-10-05 21:56:21 +08:00
|
|
|
|
2025-02-15 15:10:03 +08:00
|
|
|
# 设置工作目录
|
|
|
|
|
WORKDIR /app
|
|
|
|
|
|
|
|
|
|
# 将应用的源代码复制到容器中
|
|
|
|
|
COPY . .
|
|
|
|
|
|
|
|
|
|
# 安装 Yarn
|
|
|
|
|
RUN npm install -g yarn --force && yarn install --force && yarn build
|
|
|
|
|
|
|
|
|
|
# 使用Nginx作为基础镜像
|
|
|
|
|
FROM nginx:alpine as builder
|
|
|
|
|
|
|
|
|
|
# 删除默认的 Nginx 网站
|
|
|
|
|
RUN rm -rf /usr/share/nginx/html/*
|
|
|
|
|
|
|
|
|
|
# 将本地Nginx配置文件复制到容器中
|
|
|
|
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|
|
|
|
|
|
|
|
|
# 将Vue.js应用的构建产物复制到Nginx的默认目录
|
|
|
|
|
COPY --from=build-stage /app/dist /usr/share/nginx/html
|
|
|
|
|
|
|
|
|
|
# 暴露Nginx端口
|
|
|
|
|
EXPOSE 80
|
|
|
|
|
|
|
|
|
|
# 启动Nginx
|
|
|
|
|
CMD ["nginx", "-g", "daemon off;"]
|
