错误：使用 Fetch API 向第三方 API 发出 GET 请求时出现“TypeError：无法获取”

Question

在这个问题上进行了如此多的研究和花费数小时后，我正要问 我正在调用第三方 Infutor API。我在我的 ReactJS 项目中使用 fetch API。首先它开始给我CORS错误，然后我在选项中添加了mode: 'no-cors'，然后它开始给我Error: "TypeError: Failed to fetch"。

以下是我的确切代码：

const response = await fetch(`${INFUTOR_API_URL}?${infutorParams}`, {
    method: 'GET',
    mode: 'no-cors', 
    credentials: 'include',
  })
    .then(response => {
      return response.json();
    })
    .catch(error => console.error(error));

我找到了现有的答案，例如

• Uncaught (in promise) TypeError: Failed to fetch and Cors error
• Catching "Failed to load resource" when using the Fetch API
• 及其他相关答案

在网上搜索了相关答案后，我也尝试在其中添加credentials: 'include'，然后我也尝试使用mode: 'cors'提出get请求并尝试了很多解决方案，但没有成功。它只是不从 GET 请求中获取数据。

我在 POSTMAN 上得到响应，即使在新的 chrome 选项卡中复制粘贴带有参数的 url 也会返回响应。

Answer 1

这听起来像是在服务器端未正确设置 CORS 标头：Access-Control-Allow-Origin。

如果设置正确，则根本不需要no-cors 标志。 设置不正确，无论如何您都无法访问内容。