angular - 如何将Angular应用作为Docker容器运行

Question

我正在尝试将Angular 9应用程序作为Docker容器运行。这是我的Dockerfile:

FROM node:14.8.0-stretch-slim as build-env
LABEL desc="docker image of angular 9 app"
WORKDIR /app
COPY ["package.json","package-lock.json","/app/"]
RUN npm install
RUN npm install -g @angular/cli

COPY . /app
#ENTRYPOINT ["ng","--version"]
RUN ng build
CMD ng serve 
#Also tried 1) CMD ng serve --host 0.0.0.0 and 2) ENTRYPOINT ["ng","serve"]

它构建带有少量次要警告的图像，然后构建容器

docker run -p 4203:4200 -d <image_id> 

我可以看到Docker容器正在运行(VS Code Docker扩展和docker ps命令显示了该容器)。但是，当我尝试从浏览器访问该应用程序时，它显示以下错误

如何从浏览器访问Angular应用程序？
请注意:我将通过在上述Dockerfile中添加第二阶段将其向前推进，并将该应用程序托管在某些服务器上，但在此之前，我想确保可以访问该应用程序。

Answer 1

请将此CMD指令添加到您的dockerfile

CMD ng serve --host 0.0.0.0 --port 4200

中