FacebookTokenError：无法加载 URL：此 URL 的域不包含在应用程序的域中

Question

FacebookTokenError：无法加载 URL：此 URL 的域不包含在应用程序的域中。为了能够加载此 URL，请将应用程序的所有域和子域添加到应用程序设置中的应用程序域字段。 我和这个人有同样的问题，有人可以帮忙吗？

Passport.js TokenError After Deployment to Production

Answer 1

我遇到了同样的问题，终于解决了。

假设这些是您的项目链接：

• 您的网站：https://www.example.com
• Facebook登录链接：https://www.example.com/api/facebook
• Facebook登录回调链接：https://www.example.com/api/facebook/callback

我做了什么和工作：

1. 为开发者连接到 Facebook
2. 在“应用程序域”中添加您的域（左侧面板 > 设置 > 基本 > 应用程序域字段）：https://www.example.com（“https://”是强制性的）
3. 进入 Facebook 登录的设置页面（左侧面板 > 产品 > Facebook 登录 > 设置）
4. 在以下选项中选中“是”：客户端 OAuth 登录、强制 HTTPS、对重定向 URI 使用严格模式
5. 在同一页面上，在“有效的 OAuth 重定向 URI”中添加 https://www.example.com/api/facebook 和 https://www.example.com/api/facebook/callback
6. 重要提示：在您的 API 中，确保您的 FacebookStrategy callbackURL 包含您的完整回调 URL：

passport.use(new FacebookStrategy({
 clientID: process.env.FACEBOOK_APP_ID,
 clientSecret: process.env.FACEBOOK_APP_SECRET,
 callbackURL: "https://www.example.com/api/facebook/callback",
},
 (accessToken, refreshToken, profile, done) => {
  process.nextTick(() => {
   console.log('Facebook success:', profile, accessToken, refreshToken);

   return done(null, profile);
  });
 }
));