Google Places web api 不与 superagent 合作

Posted 2023-03-04

【中文标题】Google Places web api 不与 superagent 合作

【英文标题】：Google Places web api not cooperating with superagent

【发布时间】：2018-02-11 22:28:23

【问题描述】：

我正在尝试通过谷歌查询地点自动完成 api，使用以下 sn-p

request.get(`https://maps.googleapis.com/maps/api/place/autocomplete/`).query(params)

使用正确的参数，代码将失败，给我一个 CORS 异常

Failed to load https://maps.googleapis.com/maps/api/place/autocomplete/json?input=amsterdam&key=super secret key: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:7000' is therefore not allowed access.

如果我切换到我的网络选项卡，我可以看到请求本身运行良好，它甚至返回了我想要的日期。

我正在使用 superagent-es6-promise。

【问题讨论】：

相关***.com/questions/44336773/…和***.com/questions/43443836/…

【参考方案1】：

没有为 Google 后端服务器上的 Places API 网络服务设置 CORS 标头。因此，由于浏览器的同源策略，您将无法从客户端 javascript 代码调用 Places API Web 服务。

为了在客户端 JavaScript 上使用 Places，您必须使用 Google Maps JavaScript API 的 Places 库。地点库具有附近和文本搜索功能，以及与相应网络服务非常相似的自动完成小部件和服务。

更多详情请查看文档：

https://developers.google.com/maps/documentation/javascript/places

希望对您有所帮助！

【讨论】：

原来我已经通过 google-map-react 加载了这些库，我只需要扩展它就可以访问 places API。