隐藏Google API密钥在Netlify中部署应用

时间:2020-02-21 23:06:46

标签: api vue.js netlify

Hola开发人员我将Google的API隐藏在我的代码存储库中的.env文件中,假装将我所做的所有工作导出到GItHub而不暴露此秘密密钥,但是作为即时通讯工具,使用vue CLI进行发布此应用必须通过Netlify进行部署。 我的.env文件就是这样的:

VUE_APP_GOOGLE_MAPS=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
VUE_APP_GOOGLE_MAPS_GEO=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
VUE_APP_GOOGLE_MAPS_LAT_LONG=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

然后将其发布到Git之后,在我的Netlify控制台上,即在部署站点之前,在显示高级菜单中的显示高级菜单中,我只创建了3个引用前三个变量的变量,就像这样

*key*              *value*
---------------------------------
maps              process.env.VUE_APP_GOOGLE_MAPS
mapsgeo           process.env.VUE_APP_GOOGLE_MAPS_GEO
mapslatlong       process.env.VUE_APP_GOOGLE_MAPS_LAT_LONG

,但该站点未部署。 有什么建议吗?这是正确的做法吗 预先感谢

1 个答案:

答案 0 :(得分:0)

您应该像.env文件那样存储键/值对。确保不要将您的.env文件提交到存储库中。

{{3}}