我在reactjs和firebase post请求中遇到问题,没有命中firebase API [重复]

64jmpszr  于 2023-08-07  发布在  React
关注(0)|答案(1)|浏览(117)

此问题在此处已有答案

Firebase Storage and Access-Control-Allow-Origin(5个答案)
Firebase Storage Access to fetch at '..' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource(1个答案)
昨天关门了。
https://github.com/RamanSharma100/react-firebase-file-management-system/issues/2#issuecomment-1666569161
firebase post错误。我试图连接到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 net::ERR_FAILED
在'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o访问XMLHttpRequest?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt' from origin ' http://localhost:3000 ' has been blocked by CORS policy:对预检请求的响应未通过访问控制检查:它没有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 net::ERR_FAILED
在'https://firebasestorage.googleapis.com/v0/b/cloud-file-management-system.appspot.com/o访问XMLHttpRequest?name=files%2FFT2YJy4lk3gTKb5ezJMH2fYPUrq1%2FNew%20Text%20Document.txt' from origin ' http://localhost:3000 ' has been blocked by CORS policy:对预检请求的响应未通过访问控制检查:它没有HTTP OK状态。

cs7cruho

cs7cruho1#

这是因为CORS政策。您需要在firebase存储中配置CORS策略,您可以通过以下步骤执行相同的操作:_
step1.创建cors.json文件,例如:-

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

字符串
step2.如果您还没有配置配置,请先使用firebase cli configure cli上传此配置
bash命令:-
将“cloud-file-management-system.appspot.com“替换为您的特定firebase存储URL。
gsutil cors set cors.json gs:cloud-file-management-system.appspot.com

相关问题