为什么在我的React应用程序中使用axios到GET请求时会出现CORS问题，导致无法连接到Google Places API

Question

这是我的代码：

反应成分：

 request = (gid, URL, APIKEY) => {
    const myURL = `${URL}${gid}&key=${APIKEY}`;
    axios({
        method: 'get',
        url: myURL,
        headers: {
            "Content-Type": "application/json",
        }

    })
        .then(response => {
            console.log(response);
}).catch(function (err) {
            console.log(err);
        });

这是我得到的错误：

  

从原点“ https://maps.googleapis.com/maps/api/place/details/json?language=en&placeid=ChIJZ7-qEX1LHRURcQAQNaAzrCo&key=”到>“ http://localhost:3000”的XMLHttpRequest的访问已被CORS策略阻止：请求的资源上没有“ Access-Control-> Allow-Origin”标头。

我只知道我缺少一些简单的东西。

这既可以使用React + webpack进行开发，也可以用于我的Apache服务器托管帐户。

在这里真的迷路了，我应该尝试切换到Heroku吗？这会成功吗？

请帮助：）