基本上，我最近将我的Web应用后端部署到heroku，以获得以下链接：https://crop-disease-backend.herokuapp.com/，因此我相应地配置了路由。

错误消息

URL blocked
This redirect failed because the redirect URI is not white-listed in the app's client OAuth settings. Make sure that the client and web OAuth logins are on and add all your app domains as valid OAuth redirect URIs.

我知道问题出在Facebook开发者控制台上，因为当它托管在本地主机上时，一切都运行得很完美。
下面的图片显示了我的Facebook开发控制台设置。

这是我与Facebook认证相关的路线

app.get('/auth/facebook',
  passport.authenticate('facebook'));

  app.get('/auth/facebook/callback',
  passport.authenticate('facebook', { failureRedirect: '/login' }),
  function(req, res) {
    // Successful authentication, redirect home.
    res.redirect('http://localhost:3000/home');
  });

在react前端上，登录按钮具有以下onClick

const facebookLogin = () => {
    window.open("https://crop-disease-backend.herokuapp.com/auth/facebook" , "_self")
  }

我在facebook开发者控制台中输入的内容是正确的吗？或者是因为我确信它与此有关而出错了。它是否也与我的应用模式正在开发中有关？