Vuejs2 Vue2路由器与Facebook Javascript SDK:重定向URI
我有一个vue2单页应用程序。在vue组件中,我尝试使用FacebookJavaScriptSDK进行身份验证并使用GraphAPI 在一种方法中,我使用此代码连接到FacebookVuejs2 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
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: [ ... ]
})
也许有更好的解决办法,但对我来说很有效