Docker Compose网络通信问题咨询：容器间localhost访问异常

核心原因：容器内部的localhost不等于宿主机 #

每个Docker容器都有独立的网络命名空间，容器里的localhost指向容器自身，不是你的物理机（宿主机）：

• 前端能通过localhost:8000访问后端，是因为前端代码在浏览器里运行（属于宿主机环境），localhost映射到宿主机的8000端口，而这个端口已经通过ports: - "8000:8000"转发到后端容器。
• 后端容器里用localhost:3000访问前端，实际是访问后端容器自己的3000端口，自然找不到前端服务；Selenium Chrome容器同理，localhost:3000指向Chrome容器自身，改用frontend:3000能通，是因为Docker Compose的自定义网络（database）会自动解析服务名到对应容器的IP地址。
• 当Chrome容器访问frontend:3000时，前端代码里的localhost:8000会被Chrome容器解析成自己的localhost，而非宿主机，所以无法访问后端服务。

解决办法：统一用服务名做容器间通信，区分环境配置后端地址 #

1. 容器间通信全部使用服务名 #

所有容器内部的服务调用，都用Docker Compose中定义的服务名+容器内部端口，不要用localhost：

• 后端容器访问前端：用frontend:3000（前端容器内部端口是3000，和ports映射的宿主机端口无关）
• 前端容器访问后端：用lumen:8000（后端容器内部端口是8000，对应command里的php -S lumen:8000）
• Selenium Chrome容器访问前端：保持用frontend:3000

2. 前端配置区分环境（浏览器访问 vs 容器内访问） #

前端需要根据运行环境动态切换后端地址，可通过环境变量实现：

• 在docker-compose.yml的frontend服务中添加环境变量：

  frontend:
    # 其他配置不变
    environment:
      - REACT_APP_API_URL=http://lumen:8000
  

• 前端代码中读取这个环境变量：

  const API_BASE_URL = process.env.REACT_APP_API_URL || 'http://localhost:8000';
  

这样本地开发时（不用Docker启动前端）用localhost:8000，容器内运行时用lumen:8000，两种场景都能正常访问后端。

3. 修正网络配置小问题 #

你的docker-compose.yml中networks定义里的test网络少了冒号，修正为：

networks:
  database:
  test:

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