【Nuxt3】認証付きの画像URLをimgタグで表示する方法 - Qiita

画像URLに認証がついている場合、単純に <img src="https://...."> で画像を表示することはできません。 認証付きの画像URLをimgタグで表示したい場合は、下記手順で行います。 fetch APIで認証付き画像URLにアクセスし、レスポンスボディをblobオブジェクトとして受け取る URL.createObjectURL で blobオブジェクトからオブジェクトURLを生成し、そのURLをimgタグのsrc属性に指定する 画像取得API ※ この例ではFastAPIを使っています 認証が必要な画像取得APIを準備します。 処理としてはS3から画像を取得して、StreamingResponseとして返すだけです。 @router.get("/images/{image_id}/") def download_image( image_id: int, _current