Vue里面使用env小结

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

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

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

二、使用ENV

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

VUE_APP_HELLO = '你好'

2.读取配置

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

三、配置文件读取顺序

读取流程