ReactJS应用部署至容器实例后无法通过UI访问，求助

修正Dockerfile的核心错误 #

你的Dockerfile存在两处语法问题，直接导致容器无法正确提供静态资源：

• FROM nginx: version 格式错误：需要指定有效Nginx版本标签，比如nginx:alpine（轻量版）或nginx:latest，不能保留空格和version占位符
• copy /build/user/share/nginx/html 命令错误：COPY命令的正确格式是COPY <本地源路径> <容器内目标路径>，React构建产物在本地./build目录，Nginx默认静态文件目录是/usr/share/nginx/html，正确写法如下：

FROM nginx:alpine
COPY ./build/ /usr/share/nginx/html/

修正镜像构建命令 #

你执行的构建命令缺少上下文路径，需要在末尾添加.表示从当前目录读取Dockerfile和构建资源：

docker build -t image_name .

运行容器时配置端口映射 #

要通过浏览器访问应用，必须将容器内Nginx监听的80端口映射到宿主机（或容器实例的公网端口），执行以下命令：

docker run -d -p 8080:80 image_name

完成后，在浏览器访问：

• 本地环境：http://localhost:8080
• 远程容器实例：替换为实例的公网IP+8080端口（比如http://xxx.xxx.xxx.xxx:8080）

额外排查步骤 #

如果仍然无法访问，可通过以下命令排查：

• 检查容器运行状态：docker ps，确认容器状态为Up
• 查看容器日志：docker logs <容器ID/容器名称>，Nginx启动失败或资源加载错误会在这里显示具体信息

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