如何处理NextAuth.js中的登录失败错误？

Question

如何处理NextAuth.js中的登录失败错误？

21

我正在使用NextAuth.js进行Next.js身份验证。登录功能正常，但是在错误的凭据上，页面仍在重新加载。它不显示任何错误。我需要处理错误以显示某种提示消息。

signIn("credentials", {
      ...values,
      redirect: false,
    })
      .then(async () => {
        await router.push("/dashboard");
      })
      .catch((e) => {
        toast("Credentials do not match!", { type: "error" });
      });

- Yousuf

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- juliomalves · Accepted Answer

当将{{link1：redirect: false}}传递给其选项时，signIn将返回一个Promise，该Promise{{link2：仅在电子邮件和凭据提供程序类型中}}解析为具有以下格式的对象。

{
    error: string | undefined // Error code based on the type of error
    status: number // HTTP status code
    ok: boolean // `true` if the signin was successful
    url: string | null // `null` if there was an error, otherwise URL to redirected to
}

你必须在then块内处理任何错误，因为它不会抛出错误。

signIn("credentials", { ...values, redirect: false })
    .then(({ ok, error }) => {
        if (ok) {
            router.push("/dashboard");
        } else {
            console.log(error)
            toast("Credentials do not match!", { type: "error" });
        }
    })