本地环境localhost:3001上Next-auth谷歌认证遇‘访问被阻止’错误

本地开发环境下，我用Next-auth实现谷歌认证时碰到了问题。我的电商网站分为管理端（localhost:3000）和客户端（localhost:3001）两个独立实例，客户端（localhost:3001）触发谷歌认证流程时会弹出「访问被阻止」的错误提示。

已配置的回调URL #

• 管理端：http://localhost:3000/api/auth/callback/google
• 客户端：http://localhost:3001/api/auth/callback/google

Next-auth 配置代码 #

管理端（localhost:3000） #

// Admin Side Configuration
import NextAuth from 'next-auth'
import GoogleProvider from 'next-auth/providers/google'

export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET
    }),
  ],
  // Other configurations...
})

客户端（localhost:3001） #

// Client Side Configuration
import NextAuth from 'next-auth'
import GoogleProvider from 'next-auth/providers/google'

export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET
    }),
  ],
  // Other configurations...
})

已确认的配置项 #

• 两个环境的GOOGLE_ID和GOOGLE_SECRET环境变量均配置正确
• Google开发者控制台中已添加两个本地地址的回调URL（配置截图已留存）

内容的提问来源于stack exchange，提问作者13 Dhinesh A