fix: UNESCO画像のCORSエラー回避 — バックエンドプロキシ経由に切り替える

[zigzagdev]

概要

HeritageCard が直接 UNESCO CDN の thumbnailUrl を参照しているため、ブラウザの CORS/CORP 制限によって画像がブロックされることがある。

バックエンドが提供するプロキシエンドポイント GET /api/v1/heritage-image/{siteId} を経由することで、Laravel の HandleCors ミドルウェアが適切な Access-Control-Allow-Origin ヘッダーを返し、ブラウザのセキュリティ制限を回避する。

対応範囲

• VITE_API_BASE_URL を .env.local / .env.production に定義
• HeritageCard.tsx の <img src> をプロキシ URL に変更
• referrerPolicy="no-referrer" を削除し crossOrigin="anonymous" を追加
• onError + useState でプロキシ失敗時のプレースホルダー表示

Sub-issues & PRs

• fix(env): VITE_API_BASE_URL を .env.local と .env.production に追加 #375 fix(env): VITE_API_BASE_URL を env ファイルに追加 → PR fix(env): add .env.example with VITE_API_BASE_URL #377
• fix(HeritageCard): サムネイル画像をバックエンドプロキシエンドポイントに変更 #376 fix(HeritageCard): サムネイル画像をバックエンドプロキシエンドポイントに変更 → PR fix(HeritageCard): switch img src to backend proxy to avoid CORS errors #378

関連

Closes #472