访问配置文件中的环境变量答案

【问题标题】：Accessing environment variable within config file访问配置文件中的环境变量
【发布时间】：2020-01-24 06:50:11
【问题描述】：

我正在使用Vuejs开发一个应用程序，我想知道如何访问配置文件中的环境变量。

例如我有一个包含VUE_APP_BASE_URL = "http://some.ip/contex" 变量的.env.development 文件，有没有办法像这样使用这个变量：

VUE_APP_BASE_URL = "http://some.ip/contex"
VUE_APP_API_ADDRESS = $VUE_APP_BASE_URL + "/some/api"

感谢任何帮助。

【问题讨论】：

标签： javascript vue.js environment-variables

【解决方案1】：

你可以这样使用它，但你需要安装dotenv:

const path = require('path');
require('dotenv').config({ path: path.resolve(__dirname, '..', ../.env.${process.env.NODE_ENV}) });


Vue_API: process.env['VUE_APP_BASE_URL'],

【讨论】：

您实际上不需要第三方库来访问.env.* 变量，因为它们可以通过process.env.[your_variable] 在您的应用程序中轻松访问。

【解决方案2】：

你想要computed env vars。

.env.development

VUE_APP_BASE_URL = "http://some.ip/contex"

vue.config.js

process.env.VUE_APP_API_ADDRESS = process.env.VUE_APP_BASE_URL + "/some/api";

【讨论】：