ReactJS und Firebase API: Problem mit der Post-Anfrage, die das Firebase-Backend nicht erreicht [Duplikat]

Question

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

Firebase-Beitragsfehler. Ich versuche, eine Verbindung zu Firebase herzustellen, erhalte jedoch diese Fehlermeldungen. Kann mir jemand helfen, dieses Problem zu lösen?

Ich kann mich anmelden und Benutzer registrieren und das Backend funktioniert einwandfrei, aber das Problem liegt beim Firebase-Speicher.

Ich habe den folgenden Fehler festgestellt:

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt Netzwerk: :ERR_FAILED

XMLHttpRequest, der auf „https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPurq1%2FNew%20Text%20Document.txt“ zugreift, wird von CORS blockiert Richtlinienblockierung: Die Antwort auf die Preflight-Anfrage hat die Zugriffskontrollprüfung nicht bestanden: Sie hat keinen HTTP-OK-Status.

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt Netzwerk: :ERR_FAILED

XMLHttpRequest, der auf „https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt“ zugreift, wird von CORS blockiert Richtlinienblockierung: Die Antwort auf die Preflight-Anfrage hat die Zugriffskontrollprüfung nicht bestanden: Sie hat keinen HTTP-OK-Status.

Answer 1

这是因为CORS策略。您需要在Firebase存储中配置CORS策略，可以按照以下步骤进行：

步骤1. 创建cors.json文件，例如：

[
  {
    "origin": ["http://localhost:3000"],
    "method": ["GET", "POST", "PUT", "DELETE"],
    "maxAgeSeconds": 4000,
    "responseHeader": ["Content-Type", "Authorization"]
  }
]

步骤2. 使用Firebase CLI配置CLI时，上传此配置文件（如果尚未配置）

命令行输入：

将“cloud-file-management-system.appspot.com”替换为您特定的Firebase存储URL。

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