NextAuth集成Google登录时出现TypeError：无法解构req.query的'nextauth'属性

嘿，我之前也踩过这个坑！这个错误本质是你在Next.js App Router环境下用了错误的NextAuth调用方式，导致NextAuth没法正确获取动态路由参数。

咱们直接说解决方案，把你的app/api/auth/[...nextauth]/route.js改成下面的写法就行：

// app/api/auth/[...nextauth]/route.js
import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";

const authOptions = {
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
    }),
  ],
};

// 让NextAuth自动生成请求处理函数
const handler = NextAuth(authOptions);

// 导出为GET和POST方法，适配App Router的路由规则
export { handler as GET, handler as POST };

为什么这样改就解决问题了？因为原来你手动写GET/POST函数调用NextAuth的方式，没法让它正确解析App Router里的动态路由参数（也就是[...nextauth]对应的部分），自然就拿不到req.query.nextauth，抛出解构错误。换成官方推荐的handler导出方式，NextAuth会自动处理这些路由细节。

另外再给你几个额外检查点，避免踩其他坑：

• 确认你的NextAuth版本是v4.20.0及以上，更早的版本对App Router的支持不完善；
• 检查.env.local里的GOOGLE_CLIENT_ID和GOOGLE_CLIENT_SECRET有没有拼写错误，环境变量名必须完全匹配；
• 去Google Cloud控制台核对OAuth客户端的重定向URI，本地开发要设成http://localhost:3000/api/auth/callback/google，生产环境换成你的域名对应地址。

备注：内容来源于stack exchange，提问作者TM Soft Games