Cors标头-获取资源时ReactJS中的API调用引发网络错误

时间:2019-07-18 13:33:06

标签: javascript reactjs api fetch

“我正在建立一个新的React应用程序,我想使用fetch或Axios进行API调用,但是我总是遇到相同的错误:

-- Rejection of uncontrolled promise TypeError: "NetworkError when trying to obtain a resource" --.

我尝试了很多文档,但是没有用,我找不到使它起作用的方法。

我在服务器中运行了一个具有以下地址http://10.10.55.50:3003的简单服务,并且我的React App在端口9000中的相同地址中运行了。 我试图在package.json中配置代理,我试图以几种方式为fetch调用配置标头,但没有用,有人有什么想法吗?

const uri ='http://10.10.55.50:3003/myservice/getResponse/';      
fetch(uri, {
 headers: {        
    'Access-Control-Allow-Origin': '10.10.55.50:3003',
    'Content-Type': 'application/json',
 },
 method: 'GET',
}).then(function(response) {
    console.log('RESPONSE', response);
   });
};

0 个答案:

没有答案