javascript - React useEffect Api call with fetch 给出 SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 JSON data

Question

我正在使用带有钩子的 React 来调用开放 API。不知何故，当我尝试将数据记录到控制台时，错误一直显示：“SyntaxError：JSON.parse：JSON 数据的第 1 行第 1 列的数据意外结束”。我不确定出了什么问题，因为邮递员正在展示一个完美的物体。任何帮助将不胜感激。

import React, {useState, useEffect} from 'react'

function App() {
  const [isLoading, setLoading] = useState(true)
  const [apb, setApb ] = useState([])
  useEffect(() => {
    fetch(
      'https://api.politie.nl/v4/vermist?language=nl&radius=5.0&maxnumberofitems=10&offset=0',
      {
        method: "get",
        mode: "no-cors",
        headers: new Headers({
          'Content-Type': 'application/json'
        }),
      }
    )
    .then(res => res.json())
    .then(response => {console.log(response)})
    .catch (error => {console.log(error)})
  },[]);
  return (
    <div className="App">
      <Header/>
      <SubMenu/>
      {isLoading ? <p>Loading</p> : <p>Loaded</p>}
    </div>
  );
}

export default App;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

标签： javascriptreactjs