部署指南
部署到 Hugging Face Spaces
前置准备
构建前端
cd frontend npm install npm run build验证构建产物
- 确保
frontend/dist/目录存在 - 包含
index.html和assets/文件夹
- 确保
自动部署(推荐)
Windows:
build_and_deploy.bat
Linux/Mac:
chmod +x build_and_deploy.sh
./build_and_deploy.sh
手动部署
构建前端
cd frontend npm run build cd ..提交更改
git add . git commit -m "Deploy: Update frontend build"推送到 Hugging Face
git push hf main
配置 Hugging Face Secrets
在 Space 的 Settings → Repository secrets 中添加:
必需:
ZHIPU_API_KEY- 智谱 AI API 密钥
可选:
MINIMAX_API_KEY- MiniMax API 密钥MINIMAX_GROUP_ID- MiniMax Group ID
访问应用
部署成功后,访问:
- 前端应用:
https://your-space.hf.space/app - Gradio 界面:
https://your-space.hf.space/gradio - API 文档:
https://your-space.hf.space/docs
文件结构
.
├── app.py # Hugging Face 入口文件
├── app/ # FastAPI 后端
│ ├── main.py # 主应用
│ └── ...
├── frontend/
│ ├── dist/ # 构建产物(需要提交)
│ │ ├── index.html
│ │ └── assets/
│ └── ...
├── requirements_hf.txt # Python 依赖
└── README_HF.md # Hugging Face 说明
故障排查
问题:前端 404
- 检查
frontend/dist/是否存在 - 确认已运行
npm run build - 查看 Space 日志确认文件已上传
问题:API 调用失败
- 检查 Secrets 是否正确配置
- 查看 Space 日志中的错误信息
- 确认 API 密钥有效
问题:静态资源加载失败
- 检查
frontend/dist/assets/是否存在 - 确认 CSS 和 JS 文件已生成
- 查看浏览器控制台的网络请求
本地测试
在部署前本地测试:
# 构建前端
cd frontend && npm run build && cd ..
# 运行应用
python app.py
访问 http://localhost:7860/app 测试前端应用。
更新部署
每次修改前端代码后:
- 重新构建:
cd frontend && npm run build && cd .. - 提交更改:
git add . && git commit -m "Update" - 推送:
git push hf main
注意事项
- ✅
frontend/dist/必须提交到 Git(不要在 .gitignore 中忽略) - ✅ 每次修改前端代码都需要重新构建
- ✅ Hugging Face Spaces 会自动重启应用
- ⚠️ 首次部署可能需要 5-10 分钟
- ⚠️ 免费 Space 可能会在不活跃时休眠