Laravel本地开发Facebook登录报错：Can't Load URL问题求助

我之前也踩过一模一样的坑！本地调试Facebook登录时，光在基本信息里加localhost平台和填App Domains根本不够，还有几个容易被忽略的关键配置点，帮你一步步梳理清楚：

• 修正App Domains的格式：你填的http://localhost:8000/是错误的！Facebook的App Domains只需要纯域名，不需要协议（http/https）和端口号，直接填localhost就可以了。

• 添加127.0.0.1作为独立平台：Facebook会把localhost和127.0.0.1视为两个不同的域名。既然你是用http://127.0.0.1:8000/login访问的，就得在应用设置的「平台」板块里，再新增一个「网站」平台，把站点URL设为http://127.0.0.1:8000/。

• 配置有效OAuth跳转URI（最关键！）：绝大多数人都会漏掉这一步。进入应用设置的「产品」→「Facebook登录」→「设置」，找到「有效OAuth跳转URI」，把你实际使用的登录回调地址全部加进去，比如：

  • http://127.0.0.1:8000/login
  • http://localhost:8000/login
    确保覆盖你本地可能用到的所有访问地址。

• 检查JavaScript SDK的初始化与调用：确认你的SDK初始化代码里的appId正确，并且登录调用时的redirect_uri要和上面添加的有效URI完全一致。举个示例：

  window.fbAsyncInit = function() {
    FB.init({
      appId      : '你的应用ID',
      cookie     : true,
      xfbml      : true,
      version    : 'v18.0' // 用当前最新版本号
    });
  };
  
  // 登录触发代码
  function fbLogin() {
    FB.login(function(response) {
      if (response.authResponse) {
        // 处理登录成功逻辑
      } else {
        // 处理取消登录逻辑
      }
    }, { 
      scope: 'public_profile,email',
      redirect_uri: 'http://127.0.0.1:8000/login' // 和有效URI保持一致
    });
  }
  

• 清理缓存与会话：浏览器可能会缓存旧的配置信息，建议用隐私模式打开页面测试，同时退出当前的Facebook账号，避免会话冲突导致的验证异常。

按这些步骤配置完之后，再去访问http://127.0.0.1:8000/login调用Facebook登录，应该就能解决域名不匹配的报错了。

内容的提问来源于stack exchange，提问作者Boverton