Vue工程开发过程中,经常需要用到一些环境变量,我们可以通过配置env文件,在不同的环境下获取到对应环境下的变量。
一、在项目根目录下建立三个文件
.env //无论开发环境还是生产环境都会加载的配置文件
.env.development //开发环境加载的配置文件
.env.production //生产环境加载的配置文件
二、使用ENV
1.定义配置: 配置文件里的属性名必须以VUE_APP_开头,比如在.env文件这样声明一个环境变量
VUE_APP_HELLO = '你好'
2.读取配置
console.log(process.env.VUE_APP_HELLO) // -> `你好`
三、配置文件读取顺序
![](https://img.haomeiwen.com/i25349942/bcbb56d0969c807c.jpg)
网友评论