嵌入Spotify Widget时出现open.spotify.com重定向过多问题求助

我之前也碰到过一模一样的情况，当时折腾了好一阵才理清几个关键的解决方向，分享给你：

先排除API请求阈值的可能 #

首先，Spotify官方的Embed Widget本身的请求限流阈值很高，个人开发场景下几乎不会触发——而且你提到官方示例页面也有同样问题，这说明肯定不是你的应用触发了API阈值，可以先把这个顾虑放一放。

可能的原因及解决方案 #

• 浏览器第三方Cookie限制
  现在Chrome、Edge等主流浏览器默认会阻止第三方Cookie，而Spotify Widget依赖这类Cookie来维持会话验证。如果浏览器阻止了，Widget会反复尝试重定向验证，最终陷入循环。
  解决办法：

  • 临时在浏览器设置中给open.spotify.com开启第三方Cookie权限；
  • 用无痕/隐私模式打开页面试试（无痕模式默认会放宽部分限制）；
  • 开发环境下可以用Chrome的--disable-web-security --user-data-dir=/tmp/chrome-dev参数启动浏览器（仅限本地开发测试，不要用于日常浏览）。

• 嵌入域名未被授权
  Spotify的Embed Widget对嵌入的域名有验证机制，如果你的本地开发域名（比如localhost:3000、自定义测试域名）没被加入允许列表，也会触发重定向。
  解决办法：

  • 如果你是通过Spotify Developer Dashboard创建的自定义嵌入应用，进入应用的「Settings」页面，在「Redirect URIs」或「Allowed Origins」中添加你的开发域名；
  • 如果你用的是官方提供的通用Embed代码，试试把本地开发域名改成标准的localhost（不要用127.0.0.1或自定义域名），很多时候通用Widget只默认信任localhost。

• 嵌入代码参数错误
  可能你复制的嵌入代码里的参数配置有误，比如redirect_uri设置错误，或者用了过时的嵌入格式。
  解决办法：

  • 前往Spotify for Developers官网重新生成最新的Embed Widget代码，替换掉你当前的代码；
  • 检查代码中的src属性，确保没有多余的参数或拼写错误，比如错误地重复添加了redirect_uri参数。

• 网络环境问题
  代理、VPN或者本地网络的DNS污染可能导致Spotify的重定向请求异常，进而触发循环。
  解决办法：

  • 切换到手机热点或其他网络环境试试；
  • 清除本地DNS缓存（Windows用ipconfig /flushdns，Mac用sudo dscacheutil -flushcache）。

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