我有一个 react.js 项目,我想在其中实现地址搜索和照片搜索,我使用了来自谷歌云的 PLACE API 来进行这样的搜索,我完成了创建项目、创建关键 api 的所有过程没有任何限制地使用和离开,但即使没有任何限制,它也会出现 cors 错误,我在谷歌上下载了一个禁用 cors 的扩展程序,我设法进行了测试,它正常工作,但如果我启用 cors,它会阻止它。
const handleInputChange = (inputValue) => {
axios.get(`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${inputValue}&types=(cities)&key=MINHA-CHAVE-KEY`)
.then((response) => {
const { predictions } = response.data;
const options = predictions.map((prediction) => ({
value: prediction.description,
label: prediction.description,
}));
setOptions(options);
})
.catch((error) => {
console.log(error);
});
};
在谷歌云的“凭据”选项卡中,我已经设置了只传递我网站 url 的限制,我已经删除了所有限制,我使用了 cores-anywhere 库但什么也没有,它有效,有人可以帮助我吗?