如何在没有代理服务器的情况下进行API调用?

时间:2017-07-09 18:25:33

标签: javascript api reactjs web create-react-app

我有一个Google Places API的网址,可返回正确的json,但是当我使用fetch时,我收到此错误:

对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许原点“http://localhost:3000”访问。如果不透明响应满足您的需求,请将请求的模式设置为“no-cors”以获取禁用CORS的资源。

这是我的代码

fetch(url, {
  mode: 'cors',
  headers: {
    'Access-Control-Allow-Origin': '*'
  }
})
.then(res => res.json())
.then(data => console.log('data', data))
.catch(e => console.log('e', e))

我不想制作代理服务器的原因是我使用的是静态网站托管服务(而且制作代理服务器的工作量更大)。我想如果我已经有一个工作网址,那么从该网址获取json应该非常简单。这是针对React应用程序(使用create-react-app制作)。

0 个答案:

没有答案