Vue不同环境运行(开发，生产，测试等)

一、建立.env系列文件
首先我们在根目录新建3个文件，分别为.env.development，.env.production，.env.test
注意文件是只有后缀的。

.env.development 模式用于serve，开发环境，就是开始环境的时候会引用这个文件里面的配置

.env.production模式用于build，线上环境。

.env.test 测试环境

开发环境

// .env.development
VUE_APP_BASE_API = '请求地址'

线上环境

// .env.priduction
VUE_APP_BASE_API = '请求地址'

测试环境

// .env.test
VUE_APP_BASE_API = '请求地址'

当需要用到该变量是可以用process.env.VUE_APP_BASE_API进行取值

例如:

axios中的使用

conts axios = axios.create({
    baseURL: proocess.env.VUE_APP_BASE_API,
    timeout: 8000,
})