javascript - Cloud Firestore 读/写错误 : The 'Access-Control-Allow-Origin' header has a value 'null'

标签 javascript database firebase firebase-realtime-database google-cloud-firestore

我有一个 Javascript Web 应用程序。我尝试读取或写入 Cloud Firestore 数据库,但它在浏览器控制台中返回此错误。

错误:

Failed to load https://firestore.googleapis.com/google.firestore.v1beta1.Firestore/Write/channel?VER=8&RID=21505&CVER=21&X-HTTP-Session-Id=gsessionid&%24httpHeaders=X-Goog-Api-Client%3Agl-js%2F%20fire%2F4.8.2%0D%0Agoogle-cloud-resource-prefix%3Aprojects%2FProjectName%2Fdatabases%2F(default)%0D%0A&zx=v9xcdtq156tr&t=1:
The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access.

安全规则设置为公共(public)读/写

service cloud.firestore {
  match /databases/{database}/documents {
   match /{document=**} {
     allow read, write;
   }
 }
}

这是我的测试代码

<script src="https://www.gstatic.com/firebasejs/4.11.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.11.0/firebase-firestore.js"></script>
<script>
  var config = {
    apiKey: "XXXXXXXXXXX",
    authDomain: "XXXXXXXXXXXX",
    databaseURL: "XXXXXXXXXXXX",
    projectId: "XXXXXXXXXXXX",
    storageBucket: "XXXXXXXXXXXX",
    messagingSenderId: "XXXXXXXXXXXX"
  };
  firebase.initializeApp(config);

  // Firebase Variables
  var db = firebase.firestore();

  db.collection("cities").doc("LA").set({
    name: "Los Angeles",
    state: "CA",
    country: "USA"
  }).then(function () {
    console.log("Document successfully written!");
  }).catch(function (error) {
    console.error("Error writing document: ", error);
  });
</script>

最佳答案

Google Chrome 版本 65.0.3325.162 是问题所在。 已使用 Microsoft Edge 进行测试并且有效

关于javascript - Cloud Firestore 读/写错误 : The 'Access-Control-Allow-Origin' header has a value 'null' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49336294/

相关文章:

sql - 为什么我的 Azure 应用服务备份无法连接到我的 Azure SQL 数据库?

android - Firebase 与 Android Instant 应用程序崩溃

android - 使用 Firebase 创建登录 UI,但它转到主 Activity

database - 无需处理整个数据库即可恢复数据 - Google Firebase/Swift

javascript - PreventDefault 不适用于外部链接?

javascript - 如何使用 FOSJsRoutingBundle 传递语言环境

java - 创建实体时数据库表中的空值

javascript - 如何在jquery中循环表并读取span值

javascript - 将包含行的表格转换为可滚动列表

MySQL 导出单列仅显示一次重复条目