使用Docker Compose运行Nx Angular应用时出现ERR_EMPTY_RESPONSE错误

核心问题大概率是Angular开发服务器未监听容器的所有网络接口，或是docker-compose.yml的启动命令覆盖了Dockerfile配置，导致--host 0.0.0.0参数未生效。以下是具体排查和解决步骤：

1. 检查package.json中的启动脚本 #

打开项目根目录的package.json，找到scripts下的start:client，确认是否包含--host 0.0.0.0参数。由于docker-compose.yml中使用了command: npm run start:client，该命令会直接覆盖Dockerfile里的CMD配置，因此Dockerfile中的--host参数并未生效。

正确的脚本配置示例：

"scripts": {
  "start:client": "nx serve client --host 0.0.0.0"
}

2. 调整启动命令（二选一即可） #

方式一：修改docker-compose.yml的command字段 #

直接在启动命令后追加参数（注意双--用于将参数传递给nx命令）：

services:
  client:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - .:/app
      - /app/node_modules
    ports:
      - 4242:4200
    command: npm run start:client -- --host 0.0.0.0

方式二：移除docker-compose.yml的command字段，确保Dockerfile的CMD生效 #

修改Dockerfile的CMD为正确的带参数启动命令：

FROM node:16-alpine3.12
WORKDIR /app
EXPOSE 4200
COPY package*.json .
RUN npm install
COPY . .
CMD ["npm", "run", "start:client", "--", "--host", "0.0.0.0"]

同时删除docker-compose.yml中的command行。

3. 验证容器内服务的监听地址 #

进入运行中的容器，检查服务是否监听0.0.0.0:4200：

# 替换<container_name>为你的容器名称或ID
docker exec -it <container_name> netstat -tulpn

若输出中显示0.0.0.0:4200，则网络配置正确；若为127.0.0.1:4200，说明仍未监听所有接口，需重新调整启动参数。

4. 排查端口占用与防火墙 #

• 检查本地4242端口是否被其他程序占用：

  # Linux/macOS
  lsof -i :4242
  # Windows
  netstat -ano | findstr :4242
  

  若端口被占用，可终止占用进程，或修改docker-compose.yml的端口映射（如改为4243:4200）。
• 确认本地防火墙允许4242端口的入站连接。

为什么同工作区的NestJS可以正常运行？ #

NestJS默认启动时会监听0.0.0.0，而Angular开发服务器默认仅监听127.0.0.1，因此必须显式指定--host 0.0.0.0才能被容器外部访问。

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