Next.js项目中使用NextAuth集成Google登录失败求助

可能的问题及修复步骤 #

1. 环境变量配置问题 #

• 检查.env文件中的GOOGLE_ID和GOOGLE_SECRET是否完全匹配Google Cloud Console中的值：
  • Google Cloud里的客户端ID是类似xxxxxx.apps.googleusercontent.com的字符串，复制时不要多空格或遗漏字符
  • 客户端密钥是随机生成的长字符串，确保完整复制，无换行或截断
• 确认.env文件放在项目根目录，且重启开发服务器（npm run dev）——环境变量修改后需重启才能生效

2. Google Cloud Console配置问题 #

• 确认创建的是OAuth 2.0 客户端ID，而非服务账号密钥等其他类型
• 检查已授权的重定向URI是否正确添加：
  • 本地开发必须包含http://localhost:3000/api/auth/callback/google
  • 生产环境需添加对应域名的重定向地址
• 完成OAuth同意屏幕配置：
  • 状态设为发布（测试阶段可设为内部，但要确保测试账号在授权列表中）
  • 填写必要的应用信息，避免Google拦截授权请求

3. 代码调试补充 #

基础代码无问题，但可添加日志确认环境变量加载情况：

import NextAuth from 'next-auth'
import GoogleProvider from 'next-auth/providers/google'

// 开发环境临时调试用，上线后删除
console.log('GOOGLE_ID 加载状态:', !!process.env.GOOGLE_ID)
console.log('GOOGLE_SECRET 加载状态:', !!process.env.GOOGLE_SECRET)

export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET
    }),
  ],
  // 开发环境开启debug模式查看详细日志
  debug: process.env.NODE_ENV === 'development'
})

4. 其他排查点 #

• 确认Google Cloud中该客户端ID未被删除或禁用
• 检查是否切换到了创建客户端ID的正确项目

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