在对 GOOGLE CLOUD PLACE API 的请求中出现错误

问题描述 投票:0回答:0

我有一个 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 库但什么也没有,它有效,有人可以帮助我吗?

javascript reactjs google-places-api
© www.soinside.com 2019 - 2024. All rights reserved.