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

Question

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

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

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

感谢您的帮助。

Answer 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'],

Answer 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";