如何在下一个身份验证中添加自定义"check your email"页面？(验证请求)

Question

我想在那里有我自己的文本和风格。在文档(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，但它不适合我…

有一个例子或教程如何做到这一点?我尽我所能找遍了一切，但一无所获。

Answer 1

更新[…nextauth].js(位于/pages/api/auth)中的pages选项

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/如上所述。这将覆盖默认的验证请求页面，您可以在验证页面

上自定义任何您想要的内容。

Answer 2

当您尝试将其添加到像/pages/api/auth/verify这样的路由时，它会产生问题。您应该将您的页面直接添加到页面路由中，如/pages/verify，这应该没问题。你可以使用任何你喜欢的页面。

Answer 3

给定文本的翻译:

"在页面中创建屏幕文件夹，例如verify-request.js，然后在[…nextauth].js文件中添加以下内容:

页面:{verifyRequest:"verify-request/"}

这应该能解决问题。">