NextAuth.js报错：不支持HTTP GET请求，求解决方案

针对你遇到的问题，从Credentials认证的核心配置和请求触发方式入手，排查以下几个关键点：

• 检查登录页表单的提交方式
  确保login.jsx里的登录表单明确使用POST方法提交到认证回调路由，绝对不能用GET（比如a标签跳转、表单method未设置都会默认走GET）。正确的表单写法示例：

  <form method="POST" action="/api/auth/callback/credentials">
    <div>
      <label>用户名：</label>
      <input type="text" name="username" required />
    </div>
    <div>
      <label>密码：</label>
      <input type="password" name="password" required />
    </div>
    <button type="submit">登录</button>
  </form>
  

• 确认[...nextauth].jsx的配置完整性
  除了在CredentialsProvider里设置methods: ['POST']，还要确保整个NextAuth配置没有开启不必要的GET路由，同时检查自定义登录页的路径是否正确：

  import NextAuth from "next-auth";
  import CredentialsProvider from "next-auth/providers/credentials";
  
  export default NextAuth({
    providers: [
      CredentialsProvider({
        name: "Credentials",
        credentials: {
          username: { label: "用户名", type: "text" },
          password: { label: "密码", type: "password" }
        },
        async authorize(credentials) {
          // 这里替换成你的实际认证逻辑，比如查询数据库验证用户
          if (credentials?.username === "admin" && credentials?.password === "123456") {
            return { id: "1", name: "管理员", email: "admin@example.com" };
          }
          return null; // 认证失败返回null
        },
        methods: ["POST"] // 明确只允许POST请求
      })
    ],
    pages: {
      signIn: "/login" // 指定自定义登录页路径，避免NextAuth默认跳转触发GET请求
    },
    session: {
      strategy: "jwt" // Credentials认证建议用JWT策略，避免session存储问题
    }
  });
  

• 排查是否存在意外的GET请求触发认证路由
  检查代码中有没有通过a标签、window.location.href等方式直接访问/api/auth/signin或/api/auth/callback/credentials的情况，这些操作都会发送GET请求，直接触发错误。所有认证操作必须通过表单POST或者fetch POST请求发起。

• 清除缓存并重启开发服务
  Next.js的缓存机制可能导致旧配置残留，执行以下步骤重置：

  # 删除.next缓存目录
  rm -rf .next
  # 重启开发服务器
  npm run dev
  

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