Javascript 如何隐藏客户端api密钥?

Javascript 如何隐藏客户端api密钥?,javascript,environment-variables,frontend,client-side,api-key,Javascript,Environment Variables,Frontend,Client Side,Api Key,因此,我希望我的应用程序中的用户说出他们去过的地方,我希望使用谷歌地图API并在此处提出请求: https://maps.googleapis.com/maps/api/geocode/json?address=London&key=MY_API_KEY 这样我就可以得到长纬度并在地图上绘图 问题是,如果我向上面的url发出请求,我担心我可能会暴露我的API密钥,这样当它发出请求时,在“网络”选项卡中查找的人就能够窃取它 我知道我可以用环境变量将它们隐藏在源代码中。但是有没有办法在“网络”选项卡

因此,我希望我的应用程序中的用户说出他们去过的地方,我希望使用谷歌地图API并在此处提出请求:

https://maps.googleapis.com/maps/api/geocode/json?address=London&key=MY_API_KEY

这样我就可以得到长纬度并在地图上绘图

问题是,如果我向上面的url发出请求,我担心我可能会暴露我的API密钥,这样当它发出请求时,在“网络”选项卡中查找的人就能够窃取它


我知道我可以用环境变量将它们隐藏在源代码中。但是有没有办法在“网络”选项卡中隐藏/混淆它们?还是我必须彻底反思我的方法

您应该在后端使用it请求

问题是如果我向上面的url发出请求,我担心我会 公开我的API密钥,以便查看“网络”选项卡的人 能够在它提出请求时偷走它

你的罐头


@bаааааааааа还建议在服务器上调用API。另一个原因是

我建议在后端使用某种代理来处理请求。