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

Vuejs2 Vue2路由器与Facebook Javascript SDK:重定向URI,vuejs2,facebook-javascript-sdk,vue-router,Vuejs2,Facebook Javascript Sdk,Vue Router,我有一个vue2单页应用程序。在vue组件中,我尝试使用FacebookJavaScriptSDK进行身份验证并使用GraphAPI 在一种方法中,我使用此代码连接到Facebook window.fbAsyncInit = function () { FB.init({ appId: 'xxx', cookie: true, xfbml: true, version: 'v2.10' }); consol

我有一个vue2单页应用程序。在vue组件中,我尝试使用FacebookJavaScriptSDK进行身份验证并使用GraphAPI

在一种方法中,我使用此代码连接到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应用程序的设置,并将重定向url输入到OAuth重定向URI中


我的问题是,我已经这样做了。回调url是。所以我想我太笨了,找不到正确的回调url。。。你知道如何找到这个吗?

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

在我的路由器js文件中,我添加了以下行:

const router = new VueRouter({
    mode: 'history', // that did the trick
    routes: [ ... ]
})
也许有更好的解决办法,但对我来说很有效