親Issue
#374
目的
<img src> を直接の UNESCO CDN URL (item.thumbnailUrl) からバックエンドプロキシ URL に切り替え、CORS/CORP エラーを回避する。プロキシ失敗時はプレースホルダー SVG を表示する。
変更内容
HeritageCard.tsx
useState をインポートし isImgError 状態を追加
proxyUrl を ${import.meta.env.VITE_API_BASE_URL}/api/v1/heritage-image/${item.id} として定義
<img src> を proxyUrl に変更
- 条件を
item.thumbnailUrl ? から !isImgError ? に変更
referrerPolicy="no-referrer" を削除
crossOrigin="anonymous" と onError={() => setIsImgError(true)} を追加
受け入れ条件
依存
#375 (VITE_API_BASE_URL の定義が必要)
親Issue
#374
目的
<img src>を直接の UNESCO CDN URL (item.thumbnailUrl) からバックエンドプロキシ URL に切り替え、CORS/CORP エラーを回避する。プロキシ失敗時はプレースホルダー SVG を表示する。変更内容
HeritageCard.tsxuseStateをインポートしisImgError状態を追加proxyUrlを${import.meta.env.VITE_API_BASE_URL}/api/v1/heritage-image/${item.id}として定義<img src>をproxyUrlに変更item.thumbnailUrl ?から!isImgError ?に変更referrerPolicy="no-referrer"を削除crossOrigin="anonymous"とonError={() => setIsImgError(true)}を追加受け入れ条件
<img src>が/api/v1/heritage-image/${item.id}を指しているreferrerPolicy="no-referrer"が削除されているcrossOrigin="anonymous"とonErrorが設定されている依存
#375 (VITE_API_BASE_URL の定義が必要)