我一直在阅读官方文件,但我找不到任何关于环境变量的信息.显然,有一些社区项目支持环境变量,但这对我来说可能有点过头了.所以我想知道,在使用Vue CLI创建项目时,是否有一些简单的开箱即用的方法可以在本机运行.

例如,我可以看到,如果我执行以下操作,将打印出正确的环境,这意味着已经设置好了?

mounted() {
  console.log(process.env.ROOT_API)
}

我对env变量和 node 有点陌生.

仅供参考,请使用Vue CLI 3.0 beta版.

推荐答案

如果将vue cli与网页包模板(默认配置)一起使用,则可以创建环境变量并将其添加到.环境文件.

在项目中,变量将在process.env.variableName以下自动可访问.加载的变量也可用于所有vue cli服务命令、插件和依赖项.

您有几个选项,这是Environment Variables and Modes documentation个选项中的一个:

.env                # loaded in all cases
.env.local          # loaded in all cases, ignored by git
.env.[mode]         # only loaded in specified mode
.env.[mode].local   # only loaded in specified mode, ignored by git

你的env文件应如下所示:

VUE_APP_MY_ENV_VARIABLE=value
VUE_APP_ANOTHER_VARIABLE=value

我的理解是,你所需要做的就是创建.env文件并添加变量,然后就可以开始了!:)

As noted in comment below:

如果serve正在运行,不要忘记重新启动.

Node.js相关问答推荐

如何在不丢失其他键的情况下解开子文档数组,然后反转该过程?

无法使用Sequelize连接AWS RDS

MongoDB的方面查询的Postgres类似功能

在对象的嵌套数组中使用$lookup,创建多个记录作为响应,mongodb

Node-Red Tasmota 错误:连接 ECONNREFUSED 192.168.77.21:1883

如果我在 tsx 文件中使用了use client,ssr 会如何发生?

无法从 mongoDB 访问数据?

运行本地移动自动化测试时,在onPrepare钩子中,ERROR @wdio/cli:utils: A service failed in the 'onPrepare'

将代码转换为 ES6 Discord.js 的问题

ResponseError:键空间ks1不存在

NodeJS 中的流 API 数据如何流动?

多个 Axios 请求合并

判断一个数组中的每个元素是否都在第二个数组中

在 Mongoose 中创建外键关系

编写可维护的事件驱动代码

安装 node.JS 时,node.js 运行时和 npm 包管理器选项有什么区别?

Nodejs续集批量更新

异步构造函数

名称类型为 mongoose 的字段

Express js 阻止 GET /favicon.ico