Reactjs Fb登录按钮不适用于本地主机

Reactjs Fb登录按钮不适用于本地主机,reactjs,localhost,facebook-javascript-sdk,Reactjs,Localhost,Facebook Javascript Sdk,我开始了一个非常简单的项目,但它的核心是使用fb登录按钮收集fb用户信息。问题是,我已经尝试了所有可能的选项,在主机文件中更改localhost等等。似乎出于某种原因,facebook不希望我们使用localhost,因为每个url都必须启用https 将localhost添加到域和其他选项我仍然会遇到以下错误: 不安全登录被阻止:您无法获取访问令牌或登录到 此应用程序来自不安全的页面。尝试将页面重新加载为https:// 我用https链接在firebase上进行了测试,效果很好,但在live

我开始了一个非常简单的项目,但它的核心是使用fb登录按钮收集fb用户信息。问题是,我已经尝试了所有可能的选项,在主机文件中更改localhost等等。似乎出于某种原因,facebook不希望我们使用localhost,因为每个url都必须启用https

将localhost添加到域和其他选项我仍然会遇到以下错误:

不安全登录被阻止:您无法获取访问令牌或登录到 此应用程序来自不安全的页面。尝试将页面重新加载为https://

我用https链接在firebase上进行了测试,效果很好,但在live server上开发任何东西都将是一场噩梦,特别是当我用react创建时

现在是否有可能在本地主机上使用完整的FBAPI

编辑

把事情弄清楚。我的测试应用程序设置如下:

有效的OAuth重定向URI: 去

选择你的应用程序

添加到有效的OAuth重定向URI

一,。在developer.facebook.com中,单击应用程序

2在应用程序域的“设置”下添加本地主机

3点击添加平台并选择网站

4在站点url添加的输入框中 http://localhost:portNumber/ 任何端口号都适用于示例 http://localhost:9000/ 游戏框架

五,。保存更改,Fb登录现在应该可以在本地主机上工作

在启用https的情况下启动网页包开发服务器

devServer: {
  https:true
  },

这里有更多信息

我在另一篇文章中看到了这个答案,但这不起作用,因为fb将使用https而不是http添加这个。我已经试过了