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%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt网络::ERR_FAILED

访问'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt'的XMLHttpRequest被CORS策略阻止：预检请求的响应未通过访问控制检查：它没有HTTP ok状态。

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

访问'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt'的XMLHttpRequest被CORS策略阻止：预检请求的响应未通过访问控制检查：它没有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