javascript - Angular $http.get 与 firebase

Question

我正在尝试使用 $http 服务访问我的 firebase 数据库中的信息。这是我的代码:

$http.get("my firebase url").then(function(res) {
    console.log(res);
});

但是我收到一个 cors 错误:

XMLHttpRequest cannot load https://console.firebase.google.com/project/...
Redirect from 'https://console.firebase.google.com/project/...' to
'https://accounts.google.com/ServiceLogin?passive=44&osid=1&continue=ht…
owup=https://console.firebase.google.com/project/.../database/data/' 
has been   blocked by CORS policy: No 'Access-Control-Allow-Origin' header is
present on   the requested resource. Origin 'null' is therefore not allowed access.  

我尝试用谷歌搜索这个问题，但找不到我理解的任何内容。

注意:我是一个 Firebase 和 Angular 菜鸟。

Answer 1

希望对您有所帮助。

您需要考虑三件事:
1. 在 URL 上使用您的 FB 域而不是控制台“Ex: https://YOUR_DOMAIN.firebaseio.com/ ..”
2. 最后，您需要将 url 扩展为 .json "Ex: ../settings/app .json "
3. 您需要添加相应的规则以允许访问:
例如:

{
    "rules": {
        ".read": "auth != null",
        ".write": "auth != null",
        "settings": {
            "app": {
                ".read": true,
                ".write": false
            }
        }
    }
}

然后你可以使用你的 $http，就像我的例子一样:

$http.get("https://YOUR_DOMAIN.firebaseio.com/settings/app.json")

这里的例子:https://jsfiddle.net/moplin/1124204w/