本地主机上的 Google Maps JS API：RefererNotAllowedMapError答案

【问题标题】：Google Maps JS API on localhost: RefererNotAllowedMapError本地主机上的 Google Maps JS API：RefererNotAllowedMapError
【发布时间】：2019-08-16 07:50:14
【问题描述】：

对于重复诱惑的访问者：我知道所有类似的问题，但我的问题并没有被他们解决

我正在本地开发一个 react 应用程序，我的代码如下所示：

<Script
    url={`https://maps.googleapis.com/maps/api/js?key=${process.env.REACT_APP_GOOGLE_PLACES_API_KEY || ""}&libraries=places` }
    onLoad={ this.handleScriptLoad }
/>

我的控制台看起来像：

但我仍然得到：

Google 地图 JavaScript API 错误：RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error 您要授权的网址：http://localhost:3000/

我已经等了 2 个多小时了

【问题讨论】：

运气好吗？遇到同样的问题
同样的问题，除了它说Your site URL to be authorized: https://localhost/。你有运气吗？

标签： reactjs google-maps

【解决方案1】：

我遇到了同样的问题，但这似乎对我有用：

http://localhost/

只要确保点击下方的“保存”即可

【讨论】：

【解决方案2】：

不是本地主机

需要你的ip

例如）123.12.1.123:3000

【讨论】：

等等，所以每次我移动/获得一个新 IP 时我都应该更改它吗？但我检查了 HTTP 引荐来源网址而不是 IP
无法区分本地主机和谷歌地图。每次都要申请浮动IP地址。但如果您拥有该域，这是可能的。
那么为什么这些答案似乎有效？ stackoverflow.com/questions/38006171/…
对不起。我不太清楚。推荐人尝试更改'*localhost *'
我通过添加列表解决了这个问题。 localhost:3000,localhost:3000不知道为什么要加https