Docker端口转发后无法通过本地主机运行React应用求助

你的核心问题是运行容器时用--entrypoint /bin/sh覆盖了Dockerfile里的启动命令，导致React应用根本没启动，所以端口3000上没有服务，自然无法访问。

解决步骤 #

1. 修正容器运行命令 #

删除--entrypoint /bin/sh参数，使用以下命令启动容器：

docker run -d -p 3010:3000 movies:1.0

• -d：让容器在后台运行
• -p 3010:3000：将本地3010端口映射到容器内3000端口
• 不需要--interactive和--tty，除非你需要进入容器的交互式shell，现在的目标是启动应用服务

2. 验证应用是否正常启动 #

• 查看容器日志，确认React应用是否成功启动：

  docker logs <你的容器ID或名称>
  

  如果看到类似Compiled successfully!的日志，说明应用启动正常。
• 若日志有异常，可进入容器排查：

  docker exec -it <你的容器ID或名称> /bin/sh
  

  执行ps aux查看是否有node进程在运行，或者手动执行npm start看是否有报错。

3. 确保React应用绑定到0.0.0.0 #

React的npm start默认只绑定127.0.0.1，容器内的127.0.0.1无法被外部访问，需要修改为绑定0.0.0.0：

• 方法一：在项目的package.json中修改start命令：

  "scripts": {
    "start": "HOST=0.0.0.0 react-scripts start"
  }
  

• 方法二：在Dockerfile中添加环境变量：

  FROM node:18-alpine
  WORKDIR /movies
  ADD package*.json ./
  RUN npm i
  ADD . .
  # 添加环境变量，让React绑定到0.0.0.0
  ENV HOST 0.0.0.0
  EXPOSE 3000
  CMD ["npm","start"]
  

修改后需要重新构建镜像：

docker build -t movies:1.0 .

完成以上步骤后，访问http://localhost:3010应该就能看到你的React应用了。

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