如何在.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