NextAuth Beta版本自定义错误处理失效，凭证登录异常求助

问题核心 #

使用NextAuth @beta版本实现凭证登录时，存在以下问题：

• 密码不匹配、用户不存在等验证失败场景下，前端仅收到{error: 'CredentialsSignin', status: 200, ok: true, url: null}，无法获取具体错误信息
• 邮箱正确但密码错误时，系统仍会执行登录操作
• 后端authorize函数内可捕获错误，但无法传递到前端登录页

关键修复点及代码修改 #

1. 修复后端凭证验证逻辑（[...nextauth].js） #

问题根源：

• bcrypt.compare是异步函数，未加await导致判断永远为true，密码错误也会通过验证
• authorize函数的catch块未重新抛出错误，NextAuth会默认认为验证成功并创建会话

修改后的authorize函数：

authorize: async (credentials) => {
  try {
    const user = await User(credentials.email);

    if (!user || !user.password) {
      console.log('No user found');
      throw new AuthError("User not found.");
    }

    // 必须添加await，确保获取正确的布尔值
    const isPasswordCorrect = await bcrypt.compare(
      credentials.password,
      user.password
    );

    if (!isPasswordCorrect) {
      throw new AuthError("Incorrect password");
    }

    if (user.verified !== 1) {
      throw new AuthError("User not verified");
    }

    return user;
  } catch (error) {
    console.error('Error in authorization:', error);
    // 重新抛出错误，让NextAuth识别验证失败
    throw error;
  }
},

2. 优化前端错误处理（登录页） #

问题根源：

• 错误捕获逻辑未正确处理NextAuth返回的错误信息
• 手动调用getSession冗余，useSession会自动更新会话状态

修改后的handleSubmit函数：

const handleSubmit = async (values) => {
  setIsSubmitting(true);
  setErrorMessage("");

  try {
    const signInResponse = await signIn("credentials", {
      ...values,
      redirect: false,
    });

    if (signInResponse.error) {
      // 解析并显示具体错误信息，兼容NextAuth的错误标准化处理
      const errorMsg = signInResponse.error.includes("AuthError:") 
        ? signInResponse.error.split("AuthError:")[1].trim() 
        : signInResponse.error;
      setErrorMessage(errorMsg);
      toast.error("登录失败");
    } else {
      toast.success("登录成功");
      // 路由跳转依赖useEffect中session状态变化，无需手动处理
    }
  } catch (error) {
    console.error("Login error", error);
    setErrorMessage("登录出错，请稍后重试");
    toast.error("登录出错");
  } finally {
    setIsSubmitting(false);
  }
};

额外说明 #

NextAuth Beta版本中，默认会将自定义错误标准化为CredentialsSignin，若需要传递具体错误信息，可在后端抛出错误时使用特定格式（如前缀标识），前端通过字符串解析提取真实错误内容。

内容的提问来源于stack exchange，提问作者Aiswarya KV