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/New Text Document.txt: :ERR_FAILED

訪問'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gg/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gg5ezJMH2fYPUrq1/New Text Document.txt'的XMLTKb5ezJMH2fYPUrq1/New Text Document.txt'的XMLTKb5ezJMH2fYPUrq1/New Text Document.txt'的XMLTKb5pRequest被策略策略阻止：預檢請求的回應未通過存取控制檢查：它沒有HTTP ok狀態。

connection.ts:81 POST https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gTKb5ezJMH2fYPUrq1/New Text Document.txt: :ERR_FAILED

訪問'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gg/cloud-file-management-system.appspot.com/o?name=files/FT2YJy4lk3gg5ezJMH2fYPUrq1/New Text Document.txt'的XMLTKb5ezJMH2fYPUrq1/New Text Document.txt'的XMLTKb5ezJMH2fYPUrq1/New Text Document.txt'的XMLTKb5pRequest被策略策略阻止：預檢請求的回應未通過存取控制檢查：它沒有HTTP ok狀態。

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