vue.js - vue autocomplete with google places - 如何处理api key暴露

Question

我一直在研究几个现成的 vue 组件，用于使用 Google api 自动完成搜索。比如这个和那个。在我看来，他们都让用户可以直接访问他们的 Google Places API 密钥（至少我可以在他们的演示站点的页面源中看到它）。

这是一个正确的方法吗？如何处理有人可以拿走这个密钥并迅速超过配额的事实？抱歉这个天真的问题。

标签： vue.jsgoogle-places-api

Answer 1

似乎仅针对前端的最佳解决方案是限制您的 API 密钥，这很容易被欺骗。除了 Google 建议的其他解决方案之外，还有[link]：

• 限制您的 API 密钥
• 每个应用程序独立的 API 密钥
• 删除不再需要的 API 密钥
• 重新生成密钥时要小心
• 监控异常的 API 密钥使用情况

除非您可以设法实现它的后端 API 版本并查询您的后端 API 而不是 Google API，然后您可以练习一些解决方案，例如对后端 API 进行速率限制。