使用Axios从Google Maps API获取数据并获取Access-Control-Allow-Headers是不允许的错误

Question

我试图解决这个问题好几天了。

我正在尝试将Google Maps API中的数据用于我的网络应用程序;因此，我提出了这样的要求：

axios.get('https://maps.google.com/maps/api/geocode/json?latlng=(user's location)&result_type=sublocality_level_1&key=(mykey)')
  .then(function (response) {
    console.log(response)
  })
  .catch(function (error) {
    console.log(error)
  })

我没有在控制台上获取对象，而是收到了这个错误：

Failed to load (the url): Request header field Accepts is not allowed by Access-Control-Allow-Headers in preflight response.

我尝试使用axios.defaults.headers来配置我的标头以允许它，但它不起作用。

Answer 1

有点晚了，但如果您仍在寻找答案，则需要下载plugin

它允许您从客户端访问Cross Origin。