NextAuth.js集成Spotify报错INVALID_CLIENT:无效重定向URI求助

关键问题定位 #

• 重定向URI路径不匹配：你当前配置的redirectUri不符合NextAuth的默认回调规则，Spotify要求控制台配置的URI必须和实际请求的完全一致。NextAuth对Spotify的默认回调路径是/api/auth/callback/spotify，而非你写的/api/auth/spotify。

代码调整 #

修改SpotifyProvider的配置，修正redirectUri：

SpotifyProvider({
    clientId: process.env.SPOTIFY_CLIENT_ID,
    clientSecret: process.env.SPOTIFY_CLIENT_SECRET,
    redirectUri: 'http://localhost:3000/api/auth/callback/spotify'
})

或者直接移除手动指定的redirectUri，NextAuth会自动生成正确的回调路径。

Spotify开发者控制台同步配置 #

• 进入Spotify开发者后台的应用设置页面
• 在"Redirect URIs"列表中替换为http://localhost:3000/api/auth/callback/spotify
• 点击保存，等待1-2分钟让配置生效（Spotify配置变更可能有延迟）

额外验证项 #

• 确认环境变量SPOTIFY_CLIENT_ID和SPOTIFY_CLIENT_SECRET无拼写错误，已正确加载
• 本地开发服务器确实运行在localhost:3000端口
• 生产环境需使用https协议的重定向URI，且与部署域名完全匹配

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