javascript - 如何修复此错误 - > Uncaught (in promise) SyntaxError: Unexpected end of input In Fetch Api

Question

我在单击按钮时调用此函数。我在我的 API 中添加了一个标头，但它仍然显示错误。

let getData = () => { console.log("getData 函数开始");

        const options = {
            method: "GET",
            headers: new Headers({ 'content-type': 'application/json' }),
            mode: 'no-cors'
        };
        fetch("http://167.71.226.242/", options).then((response) => {

            console.log("Inside 1st then");
            return response.json();
        }).then((data) => {
            console.log("Inside 2nd then");

            console.log(data);
        });


    }

Answer 1

 var requestOptions = {
   'content-type': 'application/json',
    method: 'GET',
    redirect: 'follow'
  };
fetch("http://167.71.226.242", requestOptions)
  .then(response => response.json())
  .then(data => console.log(data));

此代码有效。您不要在选项中使用 new Header(...) ！阅读更多关于 fetch() https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#supplying_request_options

Answer 2

您可能只想这样做并使用正确的标题名称，因为您的标题名称是小写的：

fetch('/', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  },
}).then(...);

看起来你也不需要使用new Headers();它。

你可能也不需要mode: 'no-cors'，但那是你的电话:)