通过 fetch() 调用 API - 意外的输入结束

Question

我想将 API 调用（外部源，没有机会在 API 端更改某些内容）从 PHP 更改为 Javascript（学习目的）。由于跨域，我使用 fetch()。当我运行我的脚本时，我收到一个意外的输入错误结束并且无法弄清楚原因。function postData(url = '', data = {}) {  var headers = new Headers();  headers.set('Authorization', 'Basic ' + window.btoa("user" + ':' + "pass"));  return fetch(url, {    method: 'POST',    mode: 'no-cors',    cache: 'no-cache',    credentials: 'include',    headers: {      'Content-Type': 'application/json'    },    redirect: 'follow',    referrer: 'no-referrer',    body: JSON.stringify(data),  }).then(response => response.json()).catch(error => console.error(error));}postData('https://www.api-endpoint.com/cat1/api/search?', {  "searchID": "710",  "isTagged": true}).then(data => console.log(JSON.stringify(data))).catch(error => console.error(error));如何识别此代码的问题？看来授权没问题。我按照 API Dev 的手册中的描述实现了搜索参数（searchID 和 isTagged）。

Answer 1

您说mode: 'no-cors',这会禁用需要 CORS 权限的所有内容。

由于跨源读取数据需要 CORS 权限，因此没有数据。

尝试将空字符串解析为 JSON 会导致输入意外结束，因为输入在出现任何 JSON 之前就结束了。

（请注意，其他需要 CORS 权限以及您正在尝试执行的操作包括将内容类型设置为 JSON 并包括凭据）。