Vue里面使用env小结

2021-12-07  本文已影响0人  周星星的学习笔记

Vue工程开发过程中,经常需要用到一些环境变量,我们可以通过配置env文件,在不同的环境下获取到对应环境下的变量。

一、在项目根目录下建立三个文件

.env //无论开发环境还是生产环境都会加载的配置文件
.env.development //开发环境加载的配置文件
.env.production //生产环境加载的配置文件

二、使用ENV

1.定义配置: 配置文件里的属性名必须以VUE_APP_开头,比如在.env文件这样声明一个环境变量

VUE_APP_HELLO = '你好'

2.读取配置

console.log(process.env.VUE_APP_HELLO)  // -> `你好`

三、配置文件读取顺序

读取流程
上一篇下一篇

猜你喜欢

热点阅读