vue.js - 如何将我的私有(private) api key 存储在 Vue.js 应用程序上？

Question

我阅读了有关 Vue CLI 的文档，我想确定我是否理解正确。
文件说，Note that only NODE_ENV, BASE_URL, and variables that start with VUE_APP_ will be statically embedded into the client bundle with webpack.DefinePlugin. It is to avoid accidentally exposing a private key on the machine that could have the same name.那么这是否意味着我应该在没有前缀 VUE_APP 的情况下存储我的私钥？例如，

VUE_APP_NOT_SECRET_KEY=not_secret_key
SECRET_KEY=secret_key

存储我的 key 的正确方法是什么？

Answer 1

您可以将 key 存储在 VUE_APP_NOT_SECRET_KEY=not_secret_key 中。或 SECRET_KEY=secret_key ，从安全的角度来看没有区别，任何具有最低前端技能的人都可以从浏览器中读取此值。
唯一的区别是，如果您使用 VUE_APP_*您的变量将在 process.env 中添加前缀，并在编译时使用 DefinePluing 替换为 Vue。
cli.vuejs.org/guide/mode-and-env.html#environment-variables –
注意好 :您在 Vue 应用程序中存储的任何内容都不是 secret 。