如何使用Vue 2.7读取OS环境变量

3pmvbmvn  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(386)

我在我的操作系统中定义了一个环境变量,如下所示:

现在,我想在Vue应用程序中读取变量的值。
在我的.env文件中,我有:

VUE_APP_GATEWAY_ADDRESS=localhost:8083
VUE_APP_GATEWAY_ADDRESS_TEST_TWO=gwatt

当我这样做的时候:

console.log("Test two: " + process.env.VUE_APP_GATEWAY_ADDRESS_TEST_TWO);

我得到的是gwatt而不是env GAT(在环境变量中定义)。

xggvc2p6

xggvc2p61#

操作系统环境变量是GATEWAY_ADDRESS_TEST_TWO

console.log("Test two: " + process.env.GATEWAY_ADDRESS_TEST_TWO);

如vue-cli文档所示https://cli.vuejs.org/guide/mode-and-env.html#environment-variables
请注意,只有NODE_ENV、BASE_URL和以VUE_APP_开头的变量才会使用webpack. DefinePlugin静态嵌入到客户端包中。这是为了避免意外暴露机器上可能具有相同名称的私钥。
它们使用dotenv从.env https://github.com/motdotla/dotenv加载环境变量

相关问题