Angular 限制Google API密钥，使该密钥在整个应用程序中都可用

我在Angular 8应用程序中使用Google Places和距离矩阵API

我还试图通过输入应用程序URL（）来限制Google云平台上的密钥

然后，我在index.html页面的脚本标记中添加了GoogleAPI链接和键

我的申请结构如下：

src>app>app文件夹下的多个模块（登录、位置等）

在其中一个模块（比如LocationModule）下，我创建了一个google-places.directive。然后，我在LocationComponent.html中使用此指令

这一切都很好，直到我没有限制的关键

当我通过放置应用程序URL（）来限制密钥时，会出现以下错误：

该URL未经授权。 同样，当我登录并转到LocationComponent时，它会显示“URL未经授权

---

我应该将Google API链接放在我的应用程序中的什么位置，以便在所有组件中使用它，而不必在Google Restrict Key URL列表中添加我的应用程序的每个模块的URL。

尝试在您的

index.html

中执行相同的操作

在body标记内，尝试使用带有脚本标记的链接，如

<script src=”http://maps.googleapis.com/maps/api/js?key=API-KEY"></script>

---

我确实在Index.html中移动了主体标记内的脚本标记。但是，我仍然面临相同的问题。它表示未授权。尽管在关键限制中，URL是授权的。您可以使用此ng serve做ng serve吗？主机0.0.0.0您可以转到系统首选项>网络>wifi，在那里您可以检查mac情况下的ip