провайдеры следующей авторизации.Facebook работает на localhost, но при развертывании в vercel этого не происходит

#javascript #next.js #vercel #facebook-authentication #next-auth

Вопрос:

Итак, я впервые использую next-auth и выбираю facebook в качестве поставщика. Все работает на localhost, но в тот момент, когда я развертываю его в vercel и меняю NEXTAUTH_URL from localhost:3000 на развернутый URL-адрес vercel, когда я пытаюсь войти в систему, я получаю:

Не удается загрузить URL: домен этого URL-адреса не включен в домены приложения. Чтобы иметь возможность загружать этот URL-адрес, добавьте все домены и поддомены вашего приложения в поле App Domains в настройках вашего приложения.

В https://developers.facebook.com/apps , я изменил его на режим live и добавил свою новую ссылку на vercel в список доменов приложений, я также обновил переменную среды для NEXTAUTH_URL in vercel, чтобы она была новой развернутой ссылкой, но она по-прежнему не работает, и я не знаю, что еще делать. Я что-то читал о URL-адресе обратного вызова, может быть, это так? Развернутый URL: https://facebook-clone-five-theta.vercel.app /

[...nextauth].js :

 import NextAuth from 'next-auth';
import Providers from 'next-auth/providers';

export default NextAuth({
  // Configure one or more authentication providers
  providers: [
    Providers.Facebook({
      clientId: process.env.FACEBOOK_CLIENT_ID,
      clientSecret: process.env.FACEBOOK_CLIENT_SECRET,
    }),
    // ...add more providers here
  ],
});
 

Комментарии:

1. единственная возможная ошибка заключается в том, что у вас ошибка в вашем домене на странице facebook. Перейдите в facebook => YOUR_APP => настройки => основные => Домен приложений и добавьте свой домен приложений без поддоменов или протоколов ( www / http (s) ).

2. Я только что попробовал, и ничего не изменилось :/

3. @RonnyFitzgerald вы смогли это исправить? Возникает та же проблема