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.
這是因?yàn)镃ORS策略。您需要在Firebase存儲(chǔ)中配置CORS策略,可以按照以下步驟進(jìn)行:
步驟1. 創(chuàng)建cors.json文件,例如:
[ { "origin": ["http://localhost:3000"], "method": ["GET", "POST", "PUT", "DELETE"], "maxAgeSeconds": 4000, "responseHeader": ["Content-Type", "Authorization"] } ]
步驟2. 使用Firebase CLI配置CLI時(shí),上傳此配置文件(如果尚未配置)
命令行輸入:
將“cloud-file-management-system.appspot.com”替換為您特定的Firebase存儲(chǔ)URL。
gsutil cors set cors.json gs://cloud-file-management-system.appspot.com