坚持使用 react 浏览器控制台写：“App.js:16 Uncaught (in promise) SyntaxError: Unexpected end of input at App.gettingcovid”

Question

哪里出了问题？浏览器写入：

<块引用>

Uncaught (in promise) SyntaxError: Unexpected end of input 在 App.gettingcovid

class App extends React.Component {

  gettingcovid = async (e) => {
    e.preventDefault ();
   
    const codata = await 
    fetch(' https://opendata.ecdc.europa.eu/covid19/casedistribution/json/', {
      mode : 'no-cors',
    });
    const data = await codata.json();
    console.log(data);
  }
  

  render () {
    return (
      <div>
        <Covid />
        <Form coviddata={this.gettingcovid}/>
        <Infected />
      </div>
    )
  }
}

Answer 1

响应中没有 Access-Control-Allow-Origin 标头。站点 opendata.ecdc.europa.eu 不会接受来自其他站点的请求。

添加 mode: 'no-cors' 不会神奇地绕过安全性 :) 您可能需要一个后端来下载数据，然后将其提供给您的页面。