Javascript 如何使html文件从config.js文件中读取值

我有一个index.html，在这里我调用了一些google API，并在html文件中传递了密钥和客户端id

<script type='text/javascript'>
        var CLIENT_ID = 'abc';
        var API_KEY = 'xyz';
// some code
</scipt>

var客户_ID='abc'；
var API_KEY='xyz'；
//一些代码

---

但是我希望html从config.js中读取这两个值，而不是在html文件中传递/公开这些值。

如果从前端进行API调用，无论发生什么情况，凭据都将以传输所需的格式公开

---

如果您需要在前端隐藏凭据，则需要将API调用包装为来自服务器端的调用，该服务器端将凭据保存在用户接触不到的地方。

根据您在后端使用的框架，有几个选项。例如，nodeJS会将ldapauth包用于此

您可以在html中包含（“加载”）js文件，方法是将其添加到head部分：

<script src="config.js" type="text/javascript"></script>

但是！如果javascript在前端工作，那么无论如何都必须公开API_键

在这种情况下，只能使用API供应商提供的密钥

例如，Google有专门的密钥，您可以使用他们的开发者面板为其设置额外的安全选项

---

或者，可以从后端服务器进行调用，然后后端服务器通过自己的API提供信息。这种方法更难实现，但更安全，并增加了一些额外的可能性，例如API缓存以减少API费用。

HTML不读取文件。您的后端框架是什么？