让我首先说,我已经寻找这个问题的答案很长一段时间了……

我试图设置Facebook OAuth与我的应用程序,这是在我的机器上本地开发。Facebook授权的一切都很完美,直到我从使用localhost转移到另一个域名(仍然是我机器的本地域名)。现在我得到如下错误。

不能加载URL:这个URL的域不包括在应用程序的 域。要加载此URL,请添加所有域和子域 在你的应用程序设置的应用程序域字段。

我的hosts文件包含127.0.0.1 domain.dev(完美工作)

我的重定向在我的应用程序(使用Socialite)是http://domain.dev/auth/facebook/callback

在我的Facebook应用程序设置…

我的应用域名是Domain .dev 我的网站网址是http://domain.dev/ 我的有效OAuth重定向uri是 http://domain.dev/auth/facebook/callback

出现错误消息时的URL是..

https://www.facebook.com/v2.5/dialog/oauth?client_id=XXXXXXXXXXXXXXX&redirect_uri=http%3A%2F%2Fdomain.dev%2Fauth%2Ffacebook%2Fcallback&scope=email&response_type=code&state=0ztcKhmWwFLtj72TWE8uOKTcf65JmePtG95MZLDD

我不知道问题出在哪里。

屏幕截图1

屏幕截图2


当前回答

截至2017-10年。

解决了我的问题。

目前FB呈现这个惊喜。

…app的客户端OAuth设置。确保客户端和Web OAuth登录是在…

要调整的设置位于https://developers.facebook.com/apps/[your_app_itentifier]/fb-login/。

后面的斜杠很重要。它们必须与你的应用程序代码和FB管理设置相匹配。所以这是在你的代码中的某个地方的配置(见下面如何获得一个开发应用程序的任何域名):

{
    callbackURL: `http://my_local_app.com:3000/callback/`, // trailing slash
}

这里

要获取本地Windows机器上应用程序的任何域名,请编辑主机文件。自定义名称可以很好地消除所有这些localhost:8080、0.0.0.0:30303、127.0.0.0:8000等等。因为一些第三方服务,如FB,有时不能让你使用127.0.0.0的名称。

在Windows 10上的hosts文件如下:

C:\Windows\System32\drivers\etc\hosts

备份初始文件,创建一个不同名称的副本(不能在本机Windows CMD。我使用Git for Windows,它有很多Unix命令)

$ cp hosts hosts.bak

在主机中添加这个

127.0.0.1  myfbapp.com # you can access it in a browser http://myfbapp.com:3000
127.0.0.1  www.myotherapp.io # In a browser http://www.myotherapp.io:2020

为了摆脱端口部分:3000设置NGINX为例。

其他回答

使用我自己的本地服务器。

简单地添加http://localhost/my-site作为URL:

https://developers.facebook.com/apps/YOUR-APP-ID/fb-login/

为我工作。

开发者的Meta界面目前提供了两个地方,你可以在这里输入应用程序的域:“应用程序域”下的基本设置,以及“域管理器”下的高级设置。如果您的域仅在域管理器中列出,则SDK可能无法识别。

在我的情况下,我通过添加完整的URL解决了这个问题,而不仅仅是facebook要求的域名。我希望他们能重新命名,以便更清楚地说明。 所以有效的OAuth重定向uri应该是这样的: 前:https://www.mobile-battles.com 后:https://www.mobile-battles.com/register

不能加载URL:这个URL的域不包括在应用程序的 域。要加载此URL,请添加所有域和子域 在你的应用程序设置的应用程序域字段。

我今天遇到了这个问题,我发现Facebook的文档和SDK对其他开发者是不尊重和傲慢的。

除了在两个不同的位置有“应用域名”而没有太多信息(如果你添加了一个“web”平台,则为3),你还需要去应用产品/ facebook登录/设置,并在有效OAuth重定向uri下添加你的重定向URL

该错误没有说明oauth设置。

以防有人遇到这个并正在寻找这些设置(就像我一样)

你必须

在左手边,点击“+添加产品”,选择“Facebook登录”(它在 上衣给我) 查看左手边的新设置 现在在“产品设置”中有这些OAuth设置

附加信息:确保将回调URL如http://localhost:3000添加到Facebook登录设置页面上的有效OAuth重定向uri字段