我一直在阅读官方文件,但我找不到任何关于环境变量的信息.显然,有一些社区项目支持环境变量,但这对我来说可能有点过头了.所以我想知道,在使用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相关问答推荐

node 上的磁盘压力

GraphQL MongoDB Mongoose填充字段未获取多个类别

Jest由于UUID而无法解析测试,即使在Jest中启用ESModule支持后也是如此

Mongoose查询-如何根据当前查找ID获取其他集合并将其插入到当前查找中?

MongoDB如果文档S的字段小于另一个字段,则将该字段加一

Gmail API获取附件PDF未正确呈现.我遗漏了什么?

无法从MongoDB文档中保存的对象数组中获取对象的属性

创建查询以展开数组并筛选出具有特定值的元素之后的元素

无法生成仅具有生产依赖项的 node 类型脚本项目

Mongoose post中间件触发deleteMany

如何在 Docker 容器中 SSO 登录 AWS(使用 aws-sdk v3)

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

为什么 FastAPI 需要 Web 服务器(即 Nginx)而不是 Express API?

如何避免在 mongodb 聚合中查找重复结果?

在 nodejs 中使用 multer 上传文件返回未定义的 req.file 和空的 req.body

使用 create-expo-app 时如何更改 webpack-config.js 中的哈希函数?

为什么我的 npm 脚本中的 glob 不起作用?

如何使用 node 在 koa.js 中发送响应

为什么我们要为 Angular 2.0 安装 Node.js?

Puppeteer 等待所有图像加载然后截图