#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 вы смогли это исправить? Возникает та же проблема