Как добавить пользовательскую страницу «проверить свою электронную почту» в next-auth? (verifyRequest)

#reactjs #next.js #next-auth

#reactjs #next.js #next-auth

Вопрос:

Я пытаюсь создать там свой собственный текст и стиль. В документации (https://next-auth.js.org/configuration/options#pages ) там говорится, что мы можем добавить пользовательскую страницу, добавив verifyRequest: '/auth/verify-request' , но без примера

Я попытался создать пользовательскую verify-request.js файл с этим кодом https://github.com/nextauthjs/next-auth/blob/1838e43b275fa36b1eb7bd046eead6795cfd0f2d/src/server/pages/verify-request.js но у меня это не работает…

Есть ли пример из учебника, как это сделать? Я искал все, что мог, и ничего.

Ответ №1:

Обновите pages параметры в […nextauth].js (находится в /pages/api/auth)

 pages: {
    signIn: "/auth/signin",
    signOut: "/auth/signout",
    error: "/auth/error", // Error code passed in query string as ?error=
    verifyRequest: "/auth/verify", // (used for check email message)
    // newUser: null, // If set, new users will be directed here on first sign in 
},
 

Затем создайте свою пользовательскую страницу (в приведенном выше случае назовите ее «verify.js «) в расположении /pages/auth/, как определено выше. Это переопределит страницу запроса проверки по умолчанию, и вы сможете настроить все, что захотите, на своей странице проверки

Ответ №2:

Когда вы пытаетесь добавить к ней маршрут, подобный /pages/api/auth/verify этому, возникает проблема. вы должны добавить свою страницу непосредственно в маршрут pages примерно так /pages/verify , и все должно быть хорошо. Вы можете использовать любую страницу, которую захотите.