✅ 目标

将React 前端项目 构建为静态文件，并通过 Nginx 提供服务，最终通过 公网 IP（如 http://ip ）http80端口 直接访问。 项目nginx.conf在宿主机的/data/myproject文件夹下面

🔧 核心原理

React 是静态站点（build 后生成 index.html + JS/CSS 等）。

Nginx 作为 Web 服务器，直接托管这些静态文件。

你的 nginx.conf 已经配置好，把根路径 / 指向前端构建产物。

整个部署由 docker-compose.yml + deploy.sh 自动化完成。

项目待更新

连接云服务器 创建项目目录并跳转到该目录 -p是代表没有父目录时也创建父目录

mkdir -p /data/项目名称 && cd /data/项目名称

运行创建文件和文件夹的bat脚本，复制粘贴完代码之后把项目文件夹上传到data文件夹下面

创建脚本并添加执行权限

chmod +x deploy.sh

执行部署

./deploy.sh

添加入站规则 tcp协议3001端口开放

✅ 完成后的访问地址

服务	地址
🌐 前端	http://your-server-ip
🔧 API 文档	http://your-server-ip:8000/docs
📊 监控面板	http://your-server-ip:3001

查看所有容器的日志

docker-compose logs --tail=30