在 Angular Docker 文件中添加 COPY 命令或修改 Dockerfile,将构建后的 dist 文件夹复制到容器中。
示例:
# 基础镜像
FROM node:10-alpine
# 设置工作目录
WORKDIR /app
# 安装 Angular CLI
RUN npm install -g @angular/cli
# 拷贝 package.json 和 package-lock.json
COPY package*.json ./
# 安装依赖
RUN npm install
# 拷贝项目文件
COPY . .
# 构建应用
RUN ng build --prod
# 拷贝构建后的文件夹到 Nginx 的静态文件目录
FROM nginx
RUN rm -rf /usr/share/nginx/html/*
COPY --from=0 /app/dist /usr/share/nginx/html
在 Dockerfile 中添加 RUN ng build --prod
构建 Angular 应用后,然后使用 COPY
命令把构建后的 dist 文件夹复制到 Nginx 的静态文件目录中,让 Nginx 服务器能够访问到 Angular 应用的静态文件。