Docker端口暴露失效求助：Angular服务无法外部访问

这个问题很常见，核心原因是你的Angular开发服务器默认只监听容器内部的localhost（也就是127.0.0.1回环地址），而Docker的端口映射是将宿主机端口转发到容器的公共网络接口（0.0.0.0），外部请求根本无法触达绑定在回环地址上的服务。

下面给你两种可行的解决方案：

方案1：修改容器启动命令（临时生效） #

直接在docker run命令中给ng serve添加--host 0.0.0.0参数，强制Angular监听容器的所有网络接口：

docker run -it -v `pwd`:/ng_app -d -p 4200:4200 --name ang_cli ang_cli ng serve --host 0.0.0.0

执行这条命令后，Angular服务会绑定到容器的0.0.0.0地址，宿主机就能通过localhost:4200正常访问应用了。

方案2：修改Dockerfile（永久生效） #

如果你希望每次启动容器都自动监听所有接口，可以修改你的Dockerfile，调整ENTRYPOINT的参数：

FROM ubuntu:16.04
RUN apt-get update && \
    apt-get install -y curl vim && \
    curl -sL "https://deb.nodesource.com/setup_8.x" | bash - && \
    apt-get install -y nodejs net-tools git && \
    npm install -g @angular/cli
EXPOSE 4200
WORKDIR /ng_app/jwt-auth
# 修改ENTRYPOINT，添加--host 0.0.0.0参数
ENTRYPOINT ["ng", "serve", "--host", "0.0.0.0"]

修改完成后重新构建镜像：

docker build -t ang_cli .

之后用你原来的docker run命令启动容器即可，无需额外添加参数。

验证是否生效 #

容器启动后，你可以通过以下命令查看容器内的端口监听状态：

docker exec ang_cli netstat -tulpn

如果看到类似tcp 0 0 0.0.0.0:4200 0.0.0.0:* LISTEN 12/ng serve的输出，就说明服务已经正确绑定到0.0.0.0地址，此时宿主机访问localhost:4200就能正常打开Angular应用了。

内容的提问来源于stack exchange，提问作者J. Ordaz