NextAuth.js：条件调用CredentialsProvider并避免重定向问题

问题 #

我正在开发一个使用NextAuth.js进行认证的Next.js项目，在auth函数中配置了多个CredentialsProvider，希望调用signIn函数时能根据特定条件调用其中一个，同时避免跳转到默认登录页面。

已配置的auth.ts代码：

// auth.ts
// ... (imports and other configurations)

export default async function auth(req, res) {
  const providers = [
    CredentialsProvider({
      id: "siwe",
      name: "Siwe",
      credentials: {
        // ... credentials for Siwe provider
      },
      async authorize(credentials) {
      },
    }),
    CredentialsProvider({
      id: "admin-login",
      name: "AdminLogin",
      credentials: {
        user: { label: "User", type: "text" },
        password: { label: "Password", type: "password" },
      },
      async authorize(credentials) {
        return null;
      },
    }),
  ];


  return await NextAuth(req, res, {
    providers,
    session: {
      strategy: "jwt",
    },
    jwt: {
      secret: process.env.JWT_SECRET,
    },
    secret: process.env.NEXT_AUTH_SECRET,
    callbacks: {
      async session({ session, token }) {
        //@ts-ignore
        session.address = token.sub;
        session.user.name = token.sub;
        return session;
      },
    },
  });
}

调用signIn的代码：

signIn('admin-login', { callbackUrl: '/' });

但实际运行时，目标的指定Provider未按预期被调用，求实现方法或问题排查思路。

解决方案与排查思路 #

• 补全signIn的credentials参数：调用signIn时必须传入对应Provider要求的凭证字段，否则NextAuth会跳过该Provider的authorize逻辑，直接跳转默认登录页。比如调用admin-login时要传入user和password：

signIn('admin-login', {
  user: '你的管理员账号',
  password: '你的管理员密码',
  callbackUrl: '/'
});

• 禁用默认登录页跳转：在NextAuth配置中添加pages: { signIn: false }，强制使用自定义认证流程，避免自动跳转默认页面：

return await NextAuth(req, res, {
  providers,
  pages: { signIn: false }, // 禁用默认登录页
  session: {
    strategy: "jwt",
  },
  // ... 其他原有配置
});

• 校验Provider的id一致性：确保signIn传入的id和CredentialsProvider配置的id完全匹配（大小写敏感），比如你这里的admin-login不能写错成adminLogin或其他变体。

• 调试authorize函数：在目标Provider的authorize方法中添加日志，确认是否被触发：

async authorize(credentials) {
  console.log('admin-login provider 已触发', credentials);
  // 替换为你的实际认证逻辑，比如校验账号密码
  return credentials?.user === 'admin' && credentials?.password === 'correct' 
    ? { id: '1', name: 'Admin' } 
    : null;
}

如果没有输出日志，说明该Provider未被调用，需要回头检查signIn参数或NextAuth配置。

• 捕获signIn的返回结果：signIn返回Promise，可以通过then/catch捕获结果或错误，排查认证流程中的问题：

signIn('admin-login', { user: 'admin', password: 'pw', callbackUrl: '/' })
  .then(result => console.log('登录结果:', result))
  .catch(error => console.error('登录错误:', error));

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