POST提交表单返回405错误、GET提交触发Spotify API invalid_grant报错求助

问题1：POST提交search.html返回405错误 #

原因：Glitch的静态资源托管服务默认仅允许GET、HEAD请求访问.html等静态文件，原生POST表单提交静态页面的请求会被服务端直接拒绝返回405状态码，属于托管平台的默认限制，和你的表单代码本身无关。
修复方案：

• 拦截表单默认提交行为，用前端路由的方式传递搜索参数，不要走原生POST表单提交逻辑。
• 调整后的表单逻辑示例：

<form action="search.html" onsubmit="testJS(event)" method="get" id="theFormID" class="input-wrapper">
    <button name="search" class="fa fa-search"></button>
    <input type="text" id="search" placeholder="Search for anime..." value="" minlength="3">
    <div class="fa fa-times" onclick="document.getElementById('search').value = ''"></div>
</form>
<script>
function testJS(e) {
  e.preventDefault();
  const searchVal = document.getElementById('search').value.trim();
  if (searchVal) {
    window.location.href = `/search.html?keyword=${encodeURIComponent(searchVal)}`;
  }
}
</script>

• search.html页面加载时直接解析URL参数keyword即可获取搜索内容，不需要接收POST请求参数。

问题2：Spotify API返回invalid_grant错误 #

原因：这个错误和表单提交方式无关，是你的Spotify授权流程逻辑有问题，常见触发原因：

• 混用了授权码流和客户端凭证流：如果你仅需要搜索公开的动漫曲目信息，不需要获取用户私人数据，直接用客户端凭证流即可，不需要走需要用户授权的授权码流，自然不会出现授权码无效的报错。
• 授权码重复使用/过期：Spotify的授权码是一次性凭证，有效期仅10分钟，复用或超时使用都会返回该错误。
• 换取Token时传入的redirect_uri和你在Spotify开发者后台登记的不一致。
  修复方案：
• 优先切换为客户端凭证流获取接口访问Token，该流程不需要生成和传递授权码，完全可以在Glitch的后端服务部分实现Token的定期刷新，前端直接调用你自己的后端代理接口请求Spotify搜索结果，既不会暴露你的Spotify客户端密钥，也不会再出现授权码相关报错。
• 如果需要保留当前授权逻辑，检查每次请求的授权码是否是新生成的，以及redirect_uri参数是否和后台配置完全一致。

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