Skip to content

fix(HeritageCard): サムネイル画像をバックエンドプロキシエンドポイントに変更 #376

@zigzagdev

Description

@zigzagdev

親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)} を追加

受け入れ条件

  • <img src>/api/v1/heritage-image/${item.id} を指している
  • referrerPolicy="no-referrer" が削除されている
  • crossOrigin="anonymous"onError が設定されている
  • プロキシ失敗時にプレースホルダー SVG が表示される

依存

#375 (VITE_API_BASE_URL の定義が必要)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions