Docker容器连接被拒绝：Angular应用容器化访问问题求助

核心问题排查与修复步骤 #

• 服务绑定范围错误
  Angular的ng serve默认只监听容器内的localhost，宿主机无法访问这个地址。必须修改服务监听所有网卡，具体是在项目的package.json里调整start命令：

  "scripts": {
    "start": "ng serve --host 0.0.0.0 --port 3001"
  }
  

• Dockerfile冗余操作
  你的Dockerfile里重复执行了两次COPY命令，完全没必要，删掉第二次的COPY . .即可，保留第一次的COPY . ./就已经把本地代码复制到容器里了。

• 全局CLI安装冗余
  项目依赖里一般已经包含了本地版本的Angular CLI，不需要再全局安装，直接删掉RUN npm install -g @angular/cli@9.1.1这一行，npm start会自动调用本地CLI。

• 端口一致性验证
  确认package.json的start命令确实指定了3001端口，如果之前没改，Angular默认是4200，那运行容器时要改成-p 3001:4200，或者按上面的方法把start命令的端口改成3001。

修改后的Dockerfile示例 #

FROM node:12.11.1-alpine
WORKDIR /ciopapp
COPY . ./
RUN npm install --force
EXPOSE 3001
CMD ["npm", "start"]

验证操作 #

1. 重新构建镜像（注意末尾的.不能漏，代表当前目录为构建上下文）：

   docker build -t myngapp .
   

2. 启动容器：

   docker run -it -p 3001:3001 myngapp
   

3. 查看容器日志确认服务状态：

   docker logs <你的容器ID>
   

   日志里如果出现Listening on http://0.0.0.0:3001，说明服务启动正常，此时再访问http://localhost:3001就能成功了。

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