本地主机在运行我的应用程序Angular应用程序容器后仅显示NGINX欢迎页面

Question

我想对我的 Angular 17 应用程序进行 docker 化。 这是我的 dockerfile

# Stage 1: Build the Angular application
FROM node:18.14 AS builder
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build -- --configuration production

# Stage 2: Serve the Angular application using Nginx
FROM nginx:latest
COPY --from=builder /app/dist/dwir-app /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

我构建了 dockerfile 并在端口 4201 上从应用程序的映像运行了一个容器：

docker run -d --name dwira_website_version2 -p 4201:80 dwiraversion1

我使用 docker ps 验证我的容器正在运行，并尝试使用 http://localhost:80 访问我的应用程序，但我只得到 nginx 的欢迎页面。我也尝试了 http://localhost:80/index.html 并得到了相同的结果

我厌倦了在本地主机上看到我的应用程序并且无法工作，因为我只看到 NGINX 的欢迎页面。

Answer 1

你的 nginx 配置文件是什么样的？