主要修复: 1. Logo 显示规范化 - 仅在登录页、首页显示,详情页显示'无图片'占位符 2. Nginx 图片代理修复 - 调整 location 优先级,/uploads 优先级最高 3. 后端图片数据加载 - get_collections() API 返回图片数据 4. 前端图片路径修复 - 直接使用 path 字段,避免路径重复 技术细节: - Nginx location 优先级调整 (config/nginx.conf) - 前端 Detail.jsx 图片路径和 onError 处理 - 后端 collections.py 图片数据加载 - 前端 Login.jsx/Home.jsx Logo 引用统一 影响范围: - ✅ 藏品列表图片显示 - ✅ 藏品详情图片显示 - ✅ 图片预览弹窗 - ✅ Logo 使用规范化 测试验证: - 所有图片功能正常 - Logo 显示规范 - API 返回图片数据 |
||
|---|---|---|
| .. | ||
| src | ||
| README.md | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| vite.config.js | ||
README.md
前端 - React + Vite
启动方式
开发环境
# 安装依赖
npm install
# 开发模式(热重载)
npm run dev
# 访问 http://localhost:5173
生产构建
# 构建
npm run build
# 部署 dist/ 目录到服务器
目录结构
frontend/
├── src/
│ ├── pages/ # 页面组件
│ ├── utils/ # 工具函数
│ └── config/ # 配置文件
├── public/ # 静态资源
└── dist/ # 构建产物
页面列表
/- 首页/login- 登录/stats- 统计/list- 藏品列表/add- 添加藏品/detail- 藏品详情/edit- 编辑藏品/admin- 用户管理(仅管理员)