feat: 新增前端自动化部署

This commit is contained in:
wood911010 committed 2025-07-31 13:44:44 +08:00
1 parent fb0121cced
commit 8741f019fa
5 files changed
+1574 -388

No files matched your search

+65
View File
@@ -0,0 +1,65 @@
# 前端自动化部署
基于Docker的前端自动化部署方案,使用GitHub Actions实现CI/CD。
## 部署特点
- 🐳 Docker容器化部署
- 🚀 自动构建和部署
- 🔄 零停机更新
- 🌐 内置Nginx服务器
- 📱 支持Vue Router history模式
- 🔗 API代理到后端服务
## 配置要求
### GitHub Secrets
在GitHub仓库设置以下Secrets:
- `HOST_1`: 服务器IP地址
- `PASS_1`: 服务器root密码
### 服务器要求
- 安装Docker
## 部署流程
1. 推送代码到main分支(前端相关文件有变更时)
2. GitHub Actions自动触发
3. 构建Docker镜像(Vue3 + Nginx)
4. 上传镜像到服务器
5. 停止旧容器并启动新容器
6. 健康检查
## 访问地址
部署完成后,前端服务将在以下地址提供:
- **前端地址**: http://服务器IP:18080
- **API代理**: 前端的 `/api/*` 请求会代理到后端 `http://localhost:18888/`
## 手动触发
可以在GitHub Actions页面手动触发部署,无需推送代码。
## 监控和维护
### 查看容器状态
```bash
docker ps | grep license-manager-frontend
```
### 查看容器日志
```bash
docker logs license-manager-frontend
```
### 重启容器
```bash
docker restart license-manager-frontend
```
## 故障排除
1. **部署失败**: 检查GitHub Actions日志
2. **容器无法启动**: 检查Docker镜像和容器配置
3. **页面无法访问**: 检查服务器防火墙18080端口
4. **API请求失败**: 确认后端服务运行在18888端口