如何使用环境变量隐藏客户端代码中的秘密？

Question

我正在使用Vue-CLI，并且试图使用环境变量从客户端代码中隐藏某些“秘密” 。

为什么我要在控制台中获得undefined？

根文件：.env.development

NODE_ENV=development
SECRET_WORD=foo

应用文件：src/components/example.vue

export default {
  created() {
    console.log(process.env.SECRET_WORD)
  },
...snip...

现在，如果我对VUE_APP_SECRET_WORD=foo做process.env.VUE_APP_SECRET_WORD可以，但是我不想像这样静态显示秘密。