Firebase 实时数据库 - 缺少 CORS header“Access-Control-Allow-Origin”

Question

我刚刚使用默认配置设置了一个 Firebase 实时数据库。我正在使用 JavaScript 通过 CDN 导入 Firebase SDK，因为我现在不能使用 npm。

我知道有人问过几个类似的问题，this one 特别接近我目前面临的问题，但 none 的解决方案似乎有效。我已经允许域，编辑了 public 访问的数据库规则并尝试了不同的浏览器，但问题仍然存在。

这是我的导入代码：

<script type="module">
    import {
        initializeApp
    } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js";

    import {
        getDatabase
    } from "https://XXXXX-default-rtdb.europe-west1.firebasedatabase.app"; //path to my db location

    const firebaseConfig = {
        apiKey: "XXXXXXXXXXXXXXX",
        authDomain: "XXXXX.firebaseapp.com",
        databaseURL: "https://XXXXX-default-rtdb.europe-west1.firebasedatabase.app", //path to my db
        projectId: "XXXXX",
        storageBucket: "XXXXX.appspot.com",
        messagingSenderId: "1111111111",
        appId: "1:1111111:web:XXXXXX"
    };

    const app = initializeApp(firebaseConfig);

    const database = getDatabase(app);
</script>

我可能做错了什么？

Answer 1

这是错误的：

import {
    getDatabase
} from "https://XXXXX-default-rtdb.europe-west1.firebasedatabase.app"; //path to my db location

您无法从数据库位置导入 API。您需要从其所在的 CDN 导入 SDK，类似于您在其上方为 initializeApp 所做的操作：

import {
    initializeApp
} from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js";

所以像这样：

import {
    getDatabase
} from "https://www.gstatic.com/firebasejs/9.6.11/firebase-database.js";

Firebase 实时数据库 - 缺少 CORS header“Access-Control-Allow-Origin”

Firebase Real Time Database - CORS header ‘Access-Control-Allow-Origin’ missing

javascript

firebase

firebase-realtime-database

firebase-authentication

cors