如何向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中使用它