我正试图将我的react js应用程序与Firebase Firestore连接，但我收到了以下错误，如图像错误图像所示。我在集合中有2个文档，但我得到了一个空数组，如您在控制台中看到的。这是我用来获取消防仓库数据的代码
const snapshot = await firebase.firestore().collection('users').get();
const data = snapshot.docs.map((doc) => doc.data());
console.log(data);
附言：我可以正确使用firebase的auth函数，但在firestore中出现了一个错误。
到目前为止我尝试过的解决方案：
- 同步时钟
- 验证了firebase规则，并确保允许读写(附上我在firestore规则部分找到的规则(
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write: if
request.time < timestamp.date(2021, 6, 23);
}
}
}
自从昨晚以来，我一直在努力寻找一些快速的解决方案。提前感谢。
我尝试了以下步骤来确认react应用程序或浏览器存在问题，并修复了问题。
-
尝试使用node和express获取数据并将数据发布到firestore脚本(这有助于发现问题与firebase无关配置(
-
经过一些在线研究，我试图将浏览器从Brave更改为Chrome真的很管用。
屏幕截图中的第一个错误暗示这实际上是Access-Control-Allow-OriginCORS问题。因此，为了修复它，正如你在本文中看到的那样，你可以：
- 将
"proxy": "http://localhost:PORT_YOU_ARE_USING"选项添加到package.json文件中
或
- 使用像http代理中间件这样的中间件来代理请求，您可以按照文章中的示例进行操作
您还可以看看这个社区问题，它提出了与您类似的问题，并提供了一些其他解决方案。您可以通过查看React来更好地了解cors问题。