如何在.js文件中使用Vue .env设置？

Question

我有一个.js文件，我想在其中读取通过.env。*文件设置的Vue环境变量的值。

在创建Vue实例的main.js文件中，我可以通过“ process.env。...”读取这些变量/设置。 但是，在这个其他.js文件中，我找不到在那里读取它们的方法。在此处看不到“ process.env。...”变量。而且我也无法通过“ this。”对象或“ Vue。”对象（无论是在代码中设置的那一点）找到它们。例如。而不是通过“ Vue.process.env。...”之类的东西。 我通过以下命令在该文件的开头导入Vue：

 import Vue from 'vue';

但这似乎没有任何帮助。

如何在其中读取这些变量？

Answer 1

process.env仅在节点环境中可访问。如果要在客户端代码中使用它，则可以使用webpack.DefinePlugin;。在Vue Cli 3中，这对于以VUE_APP_开头的所有变量都是自动的：Env Variables Vue CLI 3