Docker-Compose部署React+Flask项目遇ERR_EMPTY_RESPONSE求助

我尝试通过docker-compose.yml在localhost:8000运行React前端项目，却遇到了ERR_EMPTY_RESPONSE错误（页面提示"localhost未发送任何数据"）。

docker-compose.yml配置 #

version: '3.8'

services:
  app:
    build: .
    image: bookdup/website
    depends_on:
      - redis
    environment:
      - REDIS_HOST=redis
      - REDIS_PORT=6379
    ports:
      - "8000:3000"
      - "8001:8001"
    networks:
      website-demo:
        aliases:
          - website-server
    volumes:
      - .:/app
    command: ["supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]

  redis:
    image: redis:latest
    container_name: redis
    ports:
      - "6379:6379"
    networks:
      - website-demo

networks:
  website-demo:

Dockerfile配置 #

# Use a suitable base image, e.g., Ubuntu
FROM ubuntu:latest

# Install necessary packages
RUN apt-get update && \
    apt-get install -y nodejs npm python3 python3-pip python3-venv nginx supervisor

WORKDIR /app

COPY ./backend /app/backend

RUN pip install -r /app/backend/requirements.txt --break-system-packages

# Copy and install frontend requirements
COPY ./frontend /app/frontend
WORKDIR /app/frontend

# Update the start script in package.json
RUN sed -i 's/"start": "cross-env PORT=8000 react-scripts start"/"start": "react-scripts start"/' package.json

RUN npm install

# Set working directory back to root
WORKDIR /app
COPY credentials.json /app
COPY .env /app
COPY service.json /app

# Copy supervisord configuration
COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf

# Set environment variables
ENV PYTHONUNBUFFERED 1

# Command to run supervisord
CMD ["supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]

我已参考过Stack Overflow上两个同类问题，但问题仍未解决，恳请帮助。

1. 检查supervisord配置是否启动了React服务 #

你的项目依赖supervisord管理进程，但未提供supervisord.conf内容，这是最可能的问题点：

• 进入容器查看supervisord日志：docker exec -it <你的app容器ID> tail -f /var/log/supervisor/supervisord.log
• 确认配置文件中存在React服务的启动块，示例配置如下：

[program:react-frontend]
directory=/app/frontend
command=npm start
autostart=true
autorestart=true
stdout_logfile=/var/log/supervisor/react.log
stderr_logfile=/var/log/supervisor/react.err.log

如果缺少这段配置，supervisord不会启动React服务，localhost:8000自然无响应。

2. 确保React服务绑定0.0.0.0 #

React开发服务器默认绑定localhost，容器内的localhost无法被宿主机访问，必须修改为绑定所有网卡：

• 方式1：修改package.json的start命令为："start": "react-scripts start --host 0.0.0.0"
• 方式2：在docker-compose.yml的app服务环境变量中添加：

environment:
  - REDIS_HOST=redis
  - REDIS_PORT=6379
  - HOST=0.0.0.0

3. 验证容器内React服务状态 #

• 进入容器：docker exec -it <你的app容器ID> bash
• 切换到前端目录：cd /app/frontend
• 手动启动React：npm start，观察是否有报错信息
• 检查容器内3000端口监听状态：先安装net-toolsapt-get install net-tools，再执行netstat -tulpn | grep 3000，确认服务已启动并监听端口

4. 排查端口映射与网络问题 #

• 检查宿主机8000端口是否被占用：Linux/macOS执行lsof -i :8000，Windows执行netstat -ano | findstr :8000，如有占用需停止对应进程
• 验证容器内网络连通性：docker exec <你的app容器ID> curl http://localhost:3000，看是否能获取到页面内容

5. 排除挂载卷覆盖依赖的问题 #

你将本地目录挂载到容器/app，可能覆盖了容器内安装的npm依赖：

• 注释掉docker-compose.yml中的volumes: - .:/app配置
• 执行docker-compose down && docker-compose build && docker-compose up重新构建并启动容器，测试是否能访问

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