ReactJS と Firebase API: Post リクエストが Firebase バックエンドに到達しない問題 [重複]

Question

https://github.com/RamanSharma100/react-firebase-file-management-system/issues/2#issuecomment-1666569161

firebase post error. firebase に接続しようとしていますが、次のようなエラーが発生します。誰かこの問題を解決する方法を教えてくれませんか?

ログインしてユーザーを登録でき、バックエンドは正常に動作していますが、問題は Firebase ストレージにあります。

次のエラーが発生しました:

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gTKb5ezJMH2fYPUrq1/新しいテキスト ドキュメント.txtNetwork: : ERR_FAILED

「https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gTKb5ezJMH2fYPUrq1/New Text Document.txt」にアクセスする

XMLHttpRequest が CORS によってブロックされていますポリシーのブロック: プリフライト要求に対する応答はアクセス制御チェックに失敗しました。HTTP OK ステータスがありません。

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gTKb5ezJMH2fYPUrq1/新しいテキスト ドキュメント.txtNetwork: : ERR_FAILED

「https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gTKb5ezJMH2fYPUrq1/New Text Document.txt」にアクセスする

XMLHttpRequest が CORS によってブロックされていますポリシーのブロック: プリフライト要求に対する応答はアクセス制御チェックに失敗しました。HTTP OK ステータスがありません。

Answer 1

これは CORS ポリシーによるものです。 Firebase Storage で CORS ポリシーを構成する必要があります。次の手順に従ってください:

ステップ 1. cors.json ファイルを作成します。例:

リーリー

ステップ 2. Firebase CLI を使用して CLI を設定する場合、この設定ファイルをアップロードします (まだ設定されていない場合)

コマンドライン入力:

「cloud-file-management-system.appspot.com」を特定の Firebase Storage URL に置き換えます。

gsutil cors set cors.json gs://cloud-file-management-system.appspot.com