配置 Nginx 反向代理和 Ngrok 内网穿透支持
- 添加 Nginx 反向代理配置(支持 ngrok 域名) - 创建统一的 API 工具函数(自动适配域名) - 更新前端 API 配置支持相对路径 - 配置支付宝回调地址使用 ngrok URL - 优化 Docker Compose 配置(仅暴露 80 端口) - 添加完整的部署和配置文档
This commit is contained in:
62
demo/README_NGINX.md
Normal file
62
demo/README_NGINX.md
Normal 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` 获取完整配置说明。
|
||||
|
||||
Reference in New Issue
Block a user