Google 地点 API 的提取请求出错

问题描述

我正在开发使用 Google 地点 API 的 react-app，我的任务是获取选定位置（location.lat、location.lng）中的地点。

我用请求 URL 创建了下一个钩子：

useEffect(() => {
  if (location.lat && location.lng) {
    setUrl("https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=" + location.lat + "," + location.lng + "&radius=2000" + <My_key> );  
    console.log("url = "+url);
    fetch(url,{ 
      method: 'POST',headers: { 
        'Content-Type': 'application/json',"Access-Control-Allow-Origin": "*"
      }
     })
    .then(response => response.json())
    .then(result => setPlacesList(result)); 
    console.log("places"+placesList);
  }
},[location.lat,location.lng,url,placesList]);

但我遇到了下一个错误：

从源“http://localhost:3000”获取“https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=26.8466937,80.94616599999999&radius=2000&key=XXXX”的访问权限已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明响应满足您的需求，请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）