06a0fa6440
主要修复: 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 返回图片数据 |
||
|---|---|---|
| .. | ||
| fonts | ||
| icons | ||
| images | ||
| README.md | ||
README.md
静态资源目录
本目录存放项目的所有静态资源文件。
📁 目录结构
static/
├── images/ # 图片资源
│ └── logo.jpg # 系统 Logo（106KB）
├── icons/ # 图标资源
│ ├── favicon.ico # 浏览器标签页图标
│ ├── apple-touch-icon.png
│ └── android-chrome-*.png
└── fonts/ # 字体文件
📋 文件说明
images/
logo.jpg- 系统主 Logo，用于登录页面和首页
icons/
favicon.ico- 16x16 浏览器标签页图标apple-touch-icon.png- 180x180 iOS 设备图标android-chrome-192.png- 192x192 Android 图标android-chrome-512.png- 512x512 Android 图标
fonts/
- 自定义字体文件（如有需要）
🎨 资源规范
Logo
- 格式：JPG/PNG/SVG
- 建议尺寸：512x512 或更大
- 用途：登录页面、首页、关于页面
Favicon
- 格式：ICO（多尺寸包含 16x16, 32x32）
- 用途：浏览器标签页、书签
应用图标
- 格式：PNG（透明背景）
- 尺寸：192x192, 512x512
- 用途：PWA、主屏幕快捷方式
📦 部署说明
后端访问
# FastAPI 挂载静态文件目录
app.mount("/static", StaticFiles(directory="static"), name="static")
前端访问
// 开发环境
<img src="/static/images/logo.jpg" />
// 生产环境（由 Nginx 代理）
<img src="/static/images/logo.jpg" />
Nginx 配置示例
# 静态资源
location /static {
alias /path/to/jiachenlong/static;
expires 30d;
add_header Cache-Control "public, immutable";
}
最后更新: 2026-03-16