javascript - 如何在纯原生 JavaScript 中隐藏 API key ？

我正在我的一个项目中实现 Google Maps API，在 Netlify 上部署我的应用程序之前，我需要隐藏 API key 的帮助。目前，我正在下面发布的脚本标签中使用 API key 。

<script async defer
        src=`https://maps.googleapis.com/maps/api/js?key=${MY_API_KEY}&callback=initMap`
</script>

我使用的是纯原生 JavaScript，没有使用任何框架或库。我有 3 个文件index.html、style.css 和index.js。我应该如何实现这一目标？

最佳答案

如果是客户端 JavaScript，则不能。

您可以将调用代理到您控制的服务器，并在其中输入 API key ，这样浏览器中的用户就看不到它。

关于javascript - 如何在纯原生 JavaScript 中隐藏 API key ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62854707/