NextAuth中signIn未触发Credentials Provider的authorize方法求助

我正在开发一个使用NextAuth进行身份认证的Next.js项目，遇到了一个问题：登录组件中调用的signIn方法似乎没有触发Credentials Provider中的authorize方法。

相关代码片段 #

[...nextauth.js]文件中的Credentials Provider配置 #

CredentialsProvider({
  name: "credentials",
  credentials: {
    // ... (细节省略) ...
  },
  async authorize(credentials, req) {
    console.log("credentials", credentials);
    // ... (细节省略) ...
    const res = await fetch(`https://...`, {
      method: 'POST',
      body: urlencoded,
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    });

    const user = await res.json();

    if (res.ok && user) {
      return Promise.resolve(user);
    }
    return Promise.resolve(null);
  }
})

登录组件中的signIn调用 #

const onSubmit = async () => {
  const result = await signIn('credentials', {
    username: emailRef.current?.value,
    password: passwordRef.current?.value,
  });

  console.log("result", result);
};

问题现象 #

当我尝试登录时，authorize方法中的console.log从未触发，说明signIn未按预期触发authorize，且signIn返回undefined。我已确认provider名称设置为'credentials'，所有必要环境变量配置正确，服务器日志无报错。请问该如何排查并解决这个问题？

以下是针对这个问题的逐步排查方向和解决方法：

• 检查NextAuth配置完整性
  确保[...nextauth.js]中已将Credentials Provider正确加入providers数组，且配置了必填项。Credentials模式必须搭配session.strategy: "jwt"，不能使用database策略，示例配置如下：

  export default NextAuth({
    providers: [
      CredentialsProvider({
        // 你的配置内容
      })
    ],
    session: {
      strategy: "jwt"
    },
    secret: process.env.NEXTAUTH_SECRET,
    // 其他配置项
  })
  

• 验证signIn参数与调用逻辑
  先确认输入值是否正确获取，同时添加redirect: false参数避免自动跳转，便于直接查看返回结果：

  const onSubmit = async () => {
    const username = emailRef.current?.value;
    const password = passwordRef.current?.value;
    console.log("输入值：", username, password); // 确认输入是否有效
    const result = await signIn('credentials', {
      username,
      password,
      redirect: false
    });
    console.log("signIn返回结果：", result);
  };
  

• 确认NextAuth API路由有效性
  检查pages/api/auth/[...nextauth].js路径是否正确，无拼写错误。可以访问http://localhost:3000/api/auth/providers，查看返回的JSON中是否包含credentials provider，以此验证provider是否成功注册。

• 排查网络与CORS问题
  若后端API与前端跨域，确认后端已配置允许前端域名的CORS规则。同时单独测试authorize方法中的fetch请求，确认URL正确且能正常返回数据。

• 查看正确的日志位置
  authorize方法中的console.log输出在服务器端日志（即Next.js启动的终端），而非浏览器控制台，需切换到终端查看是否有相关打印或报错。

• 升级NextAuth版本
  若使用旧版NextAuth，可能存在已知bug，尝试升级到最新稳定版，排查版本兼容问题。

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