Docker化React应用部署生产服务器后无法访问求助

Hey，这种情况我之前踩过好几次坑，给你梳理几个一步步排查的方向，应该能定位到问题：

1. 先确认容器内部服务是否真的正常运行 #

• 先进入容器内部验证服务状态：执行 sudo docker exec -it <容器名/容器ID> /bin/bash（如果是轻量的Alpine镜像，可能要换成sh）
• 进去后用 curl localhost:<你的容器内部端口> 测试能不能访问应用：
  • 如果curl失败，说明容器内部服务根本没起来：
    • 先看容器日志找线索：sudo docker logs <容器名/容器ID>，日志里通常会有启动报错、端口绑定失败这类关键信息
    • 检查React应用的启动方式：生产环境不能直接用npm start（这是开发服务器），必须先npm run build生成静态文件，再用nginx/serve这类工具托管
    • 重点确认服务监听地址：很多开发服务器默认只绑定localhost，容器里这样外部根本访问不到，得改成监听0.0.0.0:<端口>（比如create-react-app可以在启动命令里加HOST=0.0.0.0）

2. 验证端口映射与主机网络权限 #

• 先在服务器本地测试：用 curl localhost:<你的主机映射端口>，如果本地能通但外部浏览器不行，问题大概率在防火墙/安全组；如果本地也不通，那是端口映射或容器内部的问题
• 检查端口占用：执行 sudo lsof -i :<你的主机端口>，看看有没有其他进程占用了这个端口，有的话要么杀掉进程要么换个端口
• 确认防火墙规则：比如Ubuntu用sudo ufw status查看是否开放了目标端口；如果是云服务器，一定要去云控制台检查安全组入站规则有没有放行该端口（这是很多人容易忘的点！）
• 检查Docker端口映射是否生效：执行 sudo docker port <容器名/容器ID>，正常输出应该是 <主机端口> -> <容器内部端口>/tcp，如果映射不对，重启容器时仔细检查-p参数的格式（别把冒号两边写反了！比如-p 8080:3000是主机8080映射容器3000）

3. 检查Dockerfile与生产构建配置 #

• 如果是create-react-app项目，Dockerfile必须包含构建步骤，示例如下：

  FROM node:18-alpine as builder
  WORKDIR /app
  COPY package*.json ./
  RUN npm install
  COPY . .
  RUN npm run build
  
  FROM nginx:alpine
  COPY --from=builder /app/build /usr/share/nginx/html
  EXPOSE 80
  CMD ["nginx", "-g", "daemon off;"]
  

  上面的例子用nginx托管静态文件，如果你用serve工具，也要确保启动命令是serve -s build -l <端口>且监听0.0.0.0
• 确认Dockerfile里有没有EXPOSE <端口>指令（虽然不是强制，但能让Docker明确容器要暴露的端口，避免映射出错）

4. 网络模式排查（可选） #

• 如果启动容器时用了自定义网络，检查容器是否在正确的网络里：sudo docker network inspect <网络名>，查看容器的IP地址是否正常
• 可以临时用--network host参数启动容器（生产环境不推荐），如果这样能访问，说明之前的端口映射或网络配置存在问题，需要重新调整

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