Javascript .环境变量don'；不能在Vue.js中工作

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

console.log(process.env.FOO)

---

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

变量必须以

VUE_APP

开头，因此

`VUE_APP_FOO`

---

变量必须以

VUE\u APP

开头，因此

`VUE_APP_FOO`

---

这里也有类似的问题。我正在使用usnig

VUE\u APP\u FOO

在

.env

中设置变量，但当

console.log（process.env.VUE\u APP\u FOO）

时它仍然未定义。

---

使用Vue2（Vue cli 4.5.11）

时，此处存在类似问题。我正在使用usnig

VUE\u APP\u FOO

在

.env

中设置变量，但当

console.log（process.env.VUE\u APP\u FOO）

时它仍然未定义。

---

使用Vue2（Vue cli 4.5.11）

显示在运行npm run ServePlace时未定义此“Vue_APP_FOO”，首先将.env文件中变量的名称更改为

Vue_APP_FOO

，然后引用它。它显示在运行npm run ServePlace时未定义此“Vue_APP_FOO”，首先在.env文件中将变量的名称更改为

VUE\u APP\u FOO

，然后引用它。在我的例子中，解决了检查恼人的拼写错误并重新启动的问题@ToklCz尝试

console.log（process.env）

进行调试在我的例子中，解决了检查恼人的拼写错误并重新启动的问题@ToklCz尝试

console.log（process.env）

进行调试