如何向Google Maps API发送请求？

Question

我有用于Google Maps api的密钥，当我在浏览器中写入url时，我得到了对象。 现在，当我尝试从我的应用发送请求时，出现此错误

Request header field Content-Type is not allowed by 
Access-Control-Allow-Headers in preflight response

我通过获取请求

fetch(url,{
      method: "GET",
      headers: {
        "Content-Type": "application/json"
      }
    })
    .then(async res => {
          const data = await res.json();
          self.setState({
            Zone: data
          })
        })
        .catch(function(err) {
          console.log('ERROR!!! ' + err.message);
        });`

Answer 1

由于您没有发送带有JSON正文的POST请求，因此无需在针对Google API的GET请求中设置标头Content-Type 。

并且由于默认情况下请求是GET请求，因此您可以省略options对象：

fetch(url)
.then(async res => {
  const data = await res.json()
  self.setState({
    Zone: data
  })
})
.catch(function(err) {
  console.log('ERROR!!! ' + err.message)
})

Answer 2

有两种方法可以解决错误。 第一种是使用Chrome扩展程序允许CORS： https ： //chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

第二个选择是安装cors npm软件包并在javascript中使用它