私は、ユーザーが製品バーコードをスキャンして、表示する製品の写真とともに製品に関するデータを返す製品検索リポジトリを構築しています。

テスト目的で、Firebase バケットを設定し、画像をアップロードしました。 Firebase Storage API を呼び出して画像を正常に取得しましたが、Vue アプリで画像を表示できないようです。例では純粋な js と html が使用されているため、firebase ドキュメントで正しいドキュメントが見つからないようです。

画像を表示するためのコード:

ページの読み込み時に実行されるスクリプト。バケットから画像を取得して表示します。

Chrome で開発者コンソールを確認すると、[ネットワーク] タブの API 呼び出しのプレビューで画像が表示されるため、API 呼び出しが機能していることがわかります。 vueでは表示できないようです。

画像を BLOB として保存しますか?

リクエストに応じて返信を追加しました。