Docker容器中运行的Angular应用无法访问，请求技术协助

嗨，别担心，新手刚接触Docker踩点坑太正常啦！我来帮你一步步分析问题～

首先先给你明确下EXPOSE 4200的作用：它只是声明容器会使用这个端口，相当于一个文档说明，并不会自动帮你做端口映射。你已经用docker run -p 4300:4200 angu手动完成了宿主机4300端口到容器4200端口的映射，所以有没有EXPOSE其实不影响访问，这个你不用纠结。

接下来重点排查无法访问的核心原因，大概率是下面这个问题：

应用是否监听了容器的所有网卡？ #

很多Node.js/Angular应用默认只会监听localhost（也就是127.0.0.1），这个地址在容器内部是独立的网络空间，宿主机根本访问不到。你需要让应用监听0.0.0.0，这样才能接收来自容器外部的请求。

解决方法有两种：

• 修改package.json的start脚本：打开你的项目根目录下的package.json，把"start": "ng serve"改成"start": "ng serve --host 0.0.0.0"，这样启动时就会绑定到所有网卡。
• 直接在Dockerfile的CMD里加参数：如果不想改本地的package.json，也可以把CMD改成：

  CMD ["npm", "start", "--", "--host", "0.0.0.0"]
  

修改后重新构建镜像并运行：

docker build -t angu .
docker run -p 4300:4200 angu

额外排查步骤 #

如果上面改了还是不行，再检查这几点：

• 用docker ps确认容器是不是处于running状态，如果没运行，执行docker logs angu查看启动日志，看是不是依赖安装失败或者应用启动报错了。
• 检查宿主机的防火墙：Linux/macOS可以看看ufw/iptables有没有拦截4300端口；Windows的话，确认Windows Defender防火墙允许Docker的网络请求。
• 确认访问地址：本地测试用localhost:4300或127.0.0.1:4300；如果是远程服务器，要用服务器的公网IP加4300端口访问。

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