如何在下一个身份验证中添加自定义“检查您的电子邮件”页面？（验证请求）

Question

我试图在那里有自己的文字和风格。在文档（https://next-auth.js.org/configuration/options#pagesverifyRequest: '/auth/verify-request' ）中，它说我们可以通过添加但没有示例来添加自定义页面

我尝试使用此代码创建自定义 verify-request.js 文件https://github.com/nextauthjs/next-auth/blob/1838e43b275fa36b1eb7bd046eead6795cfd0f2d/src/server/pages/verify-request.js但它不适用于我...

有一个示例或教程如何做到这一点吗？我尽我所能地搜索了一切，但一无所获。

Answer 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 
},

然后在 /pages/auth/ 位置创建自定义页面（在上面的情况下将其命名为“verify.js”），如上面定义的。这将覆盖默认的验证请求页面，您可以在验证页面上自定义您想要的任何内容