iven/hms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): 媒体库图片不显示 — 添加 /uploads Vite 代理 + 修复路径前缀

Browse Source 
前端图片 URL 使用 ./uploads/... 相对路径导致 404：
1. Vite 添加 /uploads 代理到后端 3000 端口
2. MediaLibrary 和 MediaPicker 图片 src 去掉 ./ 前缀
This commit is contained in:
iven
2026-05-10 19:52:49 +08:00
parent fca0b5a78f
commit 4ea54ff27c
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/MediaPicker/index.tsx
View File

@@ -59,7 +59,8 @@ export default function MediaPicker({ open, onClose, onSelect, accept = 'image/*
const handleSelect = (item: MediaItem) => {
const token = localStorage.getItem('access_token');
const url = token ? `${item.storage_path}?token=${token}` : item.storage_path;
const rawPath = (item.storage_path || '').replace(/^\.\//, '/');
const url = token ? `${rawPath}?token=${token}` : rawPath;
onSelect(url, item);
onClose();
};
@@ -138,7 +139,7 @@ export default function MediaPicker({ open, onClose, onSelect, accept = 'image/*
<Image
src={(() => {
const token = localStorage.getItem('access_token');
const base = item.thumbnail_path || item.storage_path;
const base = (item.thumbnail_path || item.storage_path || '').replace(/^\.\//, '/');
return token ? `${base}?token=${token}` : base;
})()}
alt={item.alt_text || item.filename}