配置 Nginx 反向代理和 Ngrok 内网穿透支持

- 添加 Nginx 反向代理配置(支持 ngrok 域名)
- 创建统一的 API 工具函数(自动适配域名)
- 更新前端 API 配置支持相对路径
- 配置支付宝回调地址使用 ngrok URL
- 优化 Docker Compose 配置(仅暴露 80 端口)
- 添加完整的部署和配置文档
This commit is contained in:
AIGC Developer
2025-11-03 18:09:23 +08:00
parent 149b201300
commit d5f7569a3a
21 changed files with 2167 additions and 10 deletions

62
demo/README_NGINX.md Normal file
View File

@@ -0,0 +1,62 @@
# 🚀 Nginx 反向代理快速启动指南
## 快速部署
### Windows (PowerShell)
```powershell
.\deploy.ps1
```
### Linux/Mac (Bash)
```bash
chmod +x deploy.sh
./deploy.sh
```
### 手动部署
#### 1. 构建前端
```bash
cd frontend
npm install
npm run build
cd ..
```
#### 2. 启动服务
```bash
docker-compose up -d --build
```
#### 3. 访问应用
- 🌐 前端: http://localhost
- 🔗 API: http://localhost/api
## 📁 配置文件说明
- `nginx/nginx.conf` - Nginx 主配置文件
- `docker-compose.yml` - Docker Compose 编排文件
- `Dockerfile.backend` - 后端镜像构建文件
- `nginx/Dockerfile` - Nginx 镜像构建文件
## 🔧 常用命令
```bash
# 查看日志
docker-compose logs -f nginx
docker-compose logs -f backend
# 重启服务
docker-compose restart nginx
# 停止服务
docker-compose down
# 重新构建
docker-compose up -d --build
```
## 📖 详细文档
查看 `NGINX_REVERSE_PROXY_GUIDE.md` 获取完整配置说明。