Vue.js 无法读取VueJS上下文中的环境变量

我试图在我的组件中使用环境变量。但是当我使用变量时，它一开始是有效的，但随后它抛出了一个错误

组件.vue

如上图所示，该代码在硬编码时工作完全正常。如果使用环境变量而不是硬代码，则会出现错误

环境保护署署长

在组件中，变量用作：

website: process.env.VUE_APP_WEB_SITE

在我的控制台中，我得到的错误如下

[Vue warn]：v-on处理程序中出错：错误：未设置网站名称

---

请告诉我该怎么做。

我猜您正在使用vue cli构建vue项目。在vue cli文档中，我发现env.local的语法是

VUE_应用程序_网站=测试硬现实 不是你的演示：VUE_应用程序网站：“测试硬现实”

---

ref:

在同一级别的src文件夹中创建一个文件

.env.development.local用于在本地工作

.env.production.local用于生产

在文件中添加env变量

VUE_APP_MY_VARIABLE_NAME = my-value-here

VUE_APP_*部分很重要，因为VUE项目中的所有环境变量都需要以该前缀开头

现在要访问此值，请执行以下操作：

process.env.VUE_APP_MY_VARIABLE_NAME

重要步骤

---

无论何时修改.env文件，您都必须停止服务器并再次启动它，以获得env更改。

完整的可复制演示，pleaseenv变量应类似于VUE_APP_WEB_SITE=在env.local文件中测试硬现实。它由=operator=>key=valueThank@Nilesh分隔，我已经改变了，但我得到的仍然是相同的error@app_er我们需要一个完整的可复制的演示来发现发生了什么我刚刚尝试了你的答案，但仍然得到了相同的错误，那么现在你到底想要什么？嗨，请制作一个简单的github回购，可以重现你的问题，所以我可以在本地机器上调试。

VUE_APP_MY_VARIABLE_NAME = my-value-here

process.env.VUE_APP_MY_VARIABLE_NAME