javascript - Google Places API 相关

标签 javascript google-maps google-places-api vuejs2

我正在尝试从我的本地主机计算机执行获取请求(并且我的应用程序将保留在本地主机上)以获取有关某个地点的一些信息。

但是,由于 CORS,Google Places API 和/或我的 Chrome 不允许我执行此请求(XMLHttpRequest 无法加载 https://maps.googleapis.com/maps/api/place/details/json?placeid=[placeid]&key=[key]。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问源“http://localhost:8080”。).

是否有某种方法(无需 CORS Chrome 插件)可以从 Google Places API 获取访问权限?

我只是在 Javascript 中使用 Vue2 和 Vue 资源的简单 GET 请求:

this.$http.get(`https://maps.googleapis.com/maps/api/place/details/json?placeid=${googleplacesPlace}&key=${googleplacesToken}`).then(response => {
})

最佳答案

const PROXY_URL = 'https://cors-anywhere.herokuapp.com/';
const TARGET_URL = 'https://maps.googleapis.com/maps/api/place/autocomplete/json?&key=KEY'
const URL = PROXY_URL + TARGET_URL

你可以用它来绕过cors。

关于javascript - Google Places API 相关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45185061/

相关文章:

javascript - 向本地 NodeJS 服务器发出 POST 请求时,AngularJS CORS 错误

javascript - 如何在javascript中获取数据属性?

javascript - 反向地理编码 - 只返回城镇/城市或国家

mysql - 不同数据库设计的性能(Google Places API)

javascript - 如何将 ASP.NET 处理程序的 url 传递给 jquery fileupload?

google-maps - 用于环境事业的众包 map 编辑应用程序

android - 在市场上发布应用程序后,MapView 消失了。

Android "Could not find class JsonFactory"和 "FATAL EXCEPTION: AsyncTask #1"错误

html - Bootstrap Navbar 与 Google 重叠放置自动完成下拉菜单

javascript - jQuery 动画问题 - 动态选择方向