Javascript 本地主机上的Firebase Facebook身份验证

我有一个Vue.js应用程序，使用Firebase进行身份验证，我正在尝试连接Facebook提供商。我相信我所有与Firebase相关的代码和配置都是正确的，但是当我从

http://localhost:8080

），我一直收到

无法加载URL:此URL的域未包含在应用程序的域中。

Facebook错误

据我所知，问题在于我需要提供一个有效的“回调”URL，将身份验证响应返回给我的应用程序。这是Firebase告诉您在设置Facebook身份验证时要做的事情，我对错误的研究也证实了这一点，但Facebook应用程序设置页面中的有效OAuth Redirect URI字段（我猜我需要在其中放置返回URL）拒绝包含

localhost

的URL。我甚至尝试将URL添加到设置页面中的任何其他字段中，这些字段看起来像需要URL，但它们的响应都相同。下面是一个屏幕截图，演示了这一点：

因此，我的问题是1）如何配置我的Facebook应用程序以允许本地主机测试，以及2）如何修复

无法加载URL

Facebook错误

---

如果需要包含登录前的Vue代码，请告知我。FWIW，我使用Firebase的

linkWithRedirect（）

和

signInWithRedirect（）

登录方法（与

linkWithPopup（）

和

signInWithPopup（）

相反）。

结果表明，即使仍在本地开发，您也应该将Firebase提供给您的确切的

../\uuUu/auth/handler

URL粘贴到Facebook有效的OAuth重定向URI字段中。我的印象是URL应该适应环境，即

http://localhost:8080/__/auth/handler

用于开发和

https://my-app.firebaseapp.com/__/auth/handler

用于生产

---

但是没有，即使在开发过程中也要使用产品URL。

你能在没有端口的情况下尝试吗？@ceejayoz所以删除端口似乎没有什么区别，但是如果我删除协议，它会接受它作为

https://localhost/__/auth/handler

（现在是

https

，不再是

http

），如果我再次尝试登录，错误将更改为

URL blocked:此重定向失败，因为重定向URI未在应用程序的客户端OAuth设置中列出。确保客户端和web OAuth登录已打开，并将您的所有应用程序域添加为有效的OAuth重定向URI。

感觉我们没有朝着正确的方向前进，但我会看看我能在这个新错误上找到什么。