API 以 HTML 文件回应？

Question

我创建了一个全新的 React 应用程序，它使用“fetch”从 API 中检索一些数据。

在我的“App.js”文件中，在我的 App 组件中，可以看到它。

 function getData() {
    fetch(`WORKINGURLWITHAPIKEY`)
        .then(res => res.json())
        .then(data => console.log(data))
  }
      
getData()

然后我在控制台收到臭名昭著的 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0" error

我已经尝试了所有方法，包括设置 headers、更改请求方法等。我测试了 URL 是否有效并且确实如此。我将它插入网络浏览器的 URL 并收到了我想要的数据。

经过大量研究后，我通过 Chrome DevTools 查看了我从提取请求中收到的实际响应，并找出了发回的内容。响应是我的 React App 的 index.html 模板。

对可能发生的事情有什么想法吗？

Answer 1

您是否尝试访问其他域？如果是，fetch 将要求 URL 以 http:// 开头，但您的浏览器不会。

API 以 HTML 文件回应？

API responding with HTML document?

javascript

json

response

fetch

reactjs