vue 发布时区分环境

1、通过vue构建

1.vue-cli-service server

// 环境默认为‘developement’
vue-cli-service build  

2.vue-cli-service build

// 环境默认为‘production’
vue-cli-service build  

3.通过.env识别环境

// 环境默认为‘production’
.env // 全局默认环境
.env.developement //开发环境
.env.production//生产环境

// .env.production内容
//表明这是生产环境(需要打包)
NODE_ENV = 'production'
//指定当前环境模式，VUE_APP_自定义名称_ = '自定义名称'
VUE_APP_FLAG = 'prod'

4.在main中识别环境

if (process.env.VUE_APP_FLAG === 'prod') {
    // 设置默认本地开发
    axios.defaults.baseURL = 'https://cs.morovan.cn/index.php/';
    Vue.prototype.$baseUrl = 'https://cs.morovan.cn/index.php/';
  } else {
    // 设置默认本地开发
    axios.defaults.baseURL = 'http://192.168.4.119:81/index.php/';
    Vue.prototype.$baseUrl = 'http://192.168.4.119:81/index.php/';
}

2.通过UNI-APP 构建

在HBuilder中，运行发布会将环境默认设置为‘production’，本地运行默认环境为‘developement ’
所以只需要判断环境即可

if(process.env.NODE_ENV === 'development'){
	Vue.prototype.$baseUrl="http://192.168.4.119:81/index.php/"  //测试接口
}else{
	Vue.prototype.$baseUrl="https://cs.morovan.cn/index.php/"   //生产接口 
}