Question

尝试从React应用程序获取Google Maps API的请求，但遇到了CORS问题。 Google表示它支持CORS但不确定如何提出正确的请求以便能够检索地点数据。

const src = `https://maps.googleapis.com/maps/api/place/details/json?key=${GOOGLE_API_KEY}&placed=${id}&fields=formatted_phone_number`

const headers = {
  'Access-Control-Allow-Origin' : '*'
}

fetch(src, { mode: 'cors', headers: headers }).then(response => console.log(response))

src本身很好但是遇到了这个问题：

无法加载 https://maps.googleapis.com/maps/api/place/details/json?key=(keyRemoved)&placed=(placeRemoved)&fields=formatted_phone_number：对预检请求的响应未通过访问控制检查：否请求中存在“Access-Control-Allow-Origin”标头资源。因此不允许来源“http://localhost:8000” 访问。

Answer 1

我认为您最好的选择是在Javascript API中使用Places服务 https://developers.google.com/maps/documentation/javascript/reference/3.exp/places-service#PlacesService

来自浏览器的Google Maps Place请求

1 个答案: