Docker Node容器与Angular/Node.js应用的可达性问题

问题场景 #

从DockerHub拉取node镜像后，执行以下命令启动容器，映射端口4200（容器→主机4200）、8080（容器→主机8888）：

docker container run -it -p 8888:8080 -p 4200:4200 -d --name nodejsdocker -v C:\root\docker\nodejs:/home/node node bash

容器内完成Angular环境搭建与项目启动：

npm install -g @angular/cli
ng new my-app
ng serve --open

容器内通过netstat -anp |grep 4200查看，应用仅监听容器的回环地址：

root@99a0f1e2bc80:/# netstat -anp |grep 4200
tcp        0      0 127.0.0.1:4200          0.0.0.0:*               LISTEN      124/ng serve --open

此时容器内用wget http://localhost:4200可正常获取内容，但Windows主机浏览器访问http://localhost:4200请求超时。

问题原因 #

Angular CLI的ng serve命令默认仅绑定容器的127.0.0.1回环地址，该地址仅容器内部可访问。Docker的端口映射是将主机端口转发到容器的0.0.0.0（所有网卡地址）监听端口，因此主机无法访问仅绑定回环地址的服务。

解决步骤 #

启动Angular开发服务器时，指定绑定容器的所有网卡地址：

ng serve --host 0.0.0.0
# 若需要自动打开容器内浏览器，可追加--open参数
ng serve --host 0.0.0.0 --open

执行后再次查看容器内监听状态，会显示服务绑定0.0.0.0:4200：

tcp        0      0 0.0.0.0:4200            0.0.0.0:*               LISTEN      xxx/ng serve --host 0.0.0.0

此时Windows主机浏览器访问http://localhost:4200即可正常加载Angular应用页面。

内容的提问来源于stack exchange，提问作者Ghiro68