Reactjs Can'；t访问api调用返回的数据http://dummy.restapiexample.com/api/v1/employee/3

我正在尝试为一个管理公司员工的应用程序建模。我的问题是：我试图获取特定用户的数据，调用API端点：（3可以被其他用户ID替换）。 当我从邮递员那里调用端点时，我得到以下响应

但是当我尝试从我的React应用程序访问相同的资源时，我得到了这个响应

下面是我如何调用API端点的

export async function getSingleEmployee() {
return fetch('http://dummy.restapiexample.com/api/v1/employee/3', {
    mode: 'cors',
    method: 'GET',
    dataType: 'json',
    headers: {
        'Access-Control-Allow-Origin':'*',
        'Content-type': 'application/json;charset=utf-8',

    }
})
    .then(response => response)
    .then(data => {
        console.log(data);

    })}

---

我如何才能像在邮递员请求中那样访问数据？我遗漏了什么？

您是否尝试使用“等待”获取

您是否尝试使用“等待”获取

如果您的意思是导出异步函数getSingleEmployee（）{return await fetch（'http://dummy.restapiexample.com/api/v1/employee/3“，{mode:'cors'，method:'GET'，dataType:'json'，头：{'accesscontrolalloworigin'：'*'，'contenttype'：'application/json；charset=utf-8'，}}）。然后（response=>response）。然后（data=>console.log（data）；}然后是的，我尝试过这个。同样的结果我尝试了下面的方法，这对我来说很好。你可以尝试一下吗？我还看到标题块中内容类型的末尾有一个额外的逗号。不确定是否可以…异步函数getUserAsync（）{let response=wait fetch（

https://api.github.com/users/

）；let data=wait response.json（）返回数据；}getUserAsync（）。然后（data=>console.log（data））；我刚从Postman和chrome上尝试过。Postman给了我200个响应，但与你的响应不同，我得到了一个HTML内容。chrome也给出了相同的响应，因此承诺被错误地拒绝，因为它不是JSON格式。但似乎你只需要一个虚拟REST端点，然后你就有了选择权？比如github或I trie如果你的意思是

导出异步函数getSingleEmployee（）{return await fetch（'http://dummy.restapiexample.com/api/v1/employee/3“，{mode:'cors'，method:'GET'，dataType:'json'，头：{'accesscontrolalloworigin'：'*'，'contenttype'：'application/json；charset=utf-8'，}}）。然后（response=>response）。然后（data=>console.log（data）；}

然后是的，我尝试过这个。同样的结果我尝试了下面的方法，这对我来说很好。你可以尝试一下吗？我还看到标题块中内容类型的末尾有一个额外的逗号。不确定是否可以…异步函数getUserAsync（）{let response=wait fetch（

https://api.github.com/users/

）；let data=wait response.json（）返回数据；}getUserAsync（）。然后（data=>console.log（data））；我刚从Postman和chrome上尝试过。Postman给了我200个响应，但与你的响应不同，我得到了一个HTML内容。chrome也给出了相同的响应，因此承诺被错误地拒绝，因为它不是JSON格式。但似乎你只需要一个虚拟REST端点，然后你就有了选择权？比如github或I trie它有很多示例REST端点，或者你可以在谷歌上找到更多。