我正在尝试使用来自 Google Places API 的照片来增加我在这个项目中为公共艺术品收集的照片集。它在这里说你可以发送一个详细信息请求来获取十张照片的数组。最终,我将解压响应以获取 Google对每张照片的照片参考,并对数组中的每张照片发出请求并显示它。
不幸的是,当我发送我的详细信息请求时,这个计划中断了。这是我得到的确切错误:
Fetch API cannot load https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJ5zf5lfXKRIYR8rPafbwaL68&key=MY_API_KEY.
No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'http://localhost:4040' is therefore not allowed access.
If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
我正在从我的本地主机运行它,我很确定这很重要。我所有的其他 API 调用(Google Maps API 和其他一些 API)都是按原样编写的,所以我有点困惑为什么我会收到错误。这是相关的代码:
The actual API call:
export function getPhotos(placeID) {
let obj = {
method: 'GET'
};
return fetch('https://maps.googleapis.com/maps/api/place/details/json?placeid=' + placeID + '&key=MY_API_KEY')
.then((response) => {
if (response.status >= 400){
throw new Error("Error getting photos for placeID: " + placeID)
}
return response.json()
})
}
如果您需要任何其他信息,请告诉我,我很乐意提供。谢谢!