.环境变量在 Vue.js 中不起作用

Question

我在 Vue3 项目的根目录中有 .env 文件。在组件文件夹中，我有 Card.vue 和此代码

console.log(process.env.FOO)

但是在浏览器中，显示未定义。

Answer 1

变量必须以 VUE_APP 开头，因此

`VUE_APP_FOO`

Answer 2

这里有类似的问题。我正在使用 VUE_APP_FOO 在 .env 中设置变量，但在 console.log(process.env.VUE_APP_FOO) 时它仍然未定义。使用 Vue 2 (Vue cli 4.5.11)

.Environment variables don't work in Vue.js