Question

我有一个vue2单页应用。在vue组件中，我尝试使用Facebook Javascript SDK进行身份验证并使用Graph API。

在方法中，我使用此代码连接到Facebook

window.fbAsyncInit = function () {
    FB.init({
        appId: 'xxx',
        cookie: true,
        xfbml: true,
        version: 'v2.10'
    });

    console.log(FB);


    FB.getLoginStatus(function (response) {
        statusChangeCallback(response);
    });

};

(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    //js.src = "//connect.facebook.net/de_DE/sdk.js";
    js.src = "https://connect.facebook.net/de_DE/sdk/debug.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

当应用程序执行方法FB.getLoginStatus时，我收到错误消息“ URL已阻止：此重定向失败，因为重定向URI未在应用程序的客户端OAuth设置中列入白名单。”。我知道我必须转到我的Facebook应用设置并将重定向网址输入 OAuth重定向URI 。

我的问题是，我已经这样做了。回调网址为 https://localhost/myapp/public/api/facebook/callback 。所以我想我找到正确的回调网址太愚蠢......任何想法如何找出这个？

Answer 1

我使用vue路由器历史记录模式解决了该问题。

在路由器js文件中，我添加了以下行：

const router = new VueRouter({
    mode: 'history', // that did the trick
    routes: [ ... ]
})

也许有更好的解决方案，但是它对我有用...

Vue2路由器与Facebook Javascript SDK：重定向URI

1 个答案: