JavaScript使用fetch调用API返回[object Error]报错问题排查

问题排查结论 #

这段代码不存在明显语法错误，fetch触发catch通常是请求发送阶段就出现了异常，你可以按以下步骤定位问题：

• 先优化错误日志输出，获取具体报错信息
  把原有catch块替换为以下代码，就能看到完整的错误详情，而非模糊的[object Error]提示：

  .catch((error) => {
    console.error('错误类型:', error.name);
    console.error('错误描述:', error.message);
    console.error('错误堆栈:', error.stack);
  });
  

• 常见问题排查方向

  • 确认API Token正确性：检查粘贴的Token没有多余空格、换行，也没有漏复制字符，同时确认该Token已经开通了对应模型的调用权限
  • 排查跨域限制：如果你是在本地浏览器环境直接运行前端代码调用接口，很可能是服务端没有开放跨域权限导致请求被浏览器拦截，你可以先用接口调试工具单独调试接口，确认接口本身可以正常返回
  • 确认网络连通性：检查当前网络可以正常访问https://api.neuro-ai.co.uk域名，没有被防火墙、网络代理拦截
  • 校验请求参数：确认modelId为目标模型的正确ID，data的传入格式、input_kwargs内的参数符合接口要求，比如max_length的取值没有超出接口允许的范围

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