ReactJS und Firebase API: Problem mit der Post-Anfrage, die das Firebase-Backend nicht erreicht [Duplikat]
P粉884667022
P粉884667022 2023-09-17 10:41:27
0
1
599

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.

P粉884667022
P粉884667022

Antworte allen(1)
P粉186017651

这是因为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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage