vue cli3中配置生产环境、开发环境、测试环境

首先在packjson中配置

"scripts": {
    "serve": "vue-cli-service serve", //调用开发api
    "build": "vue-cli-service build", //上线
    "test": "vue-cli-service build --mode test",//需要添加的内容，测试
},

在项目目录下建立 .env文件和.env.test .env.production文件

NODE_ENV = 'development'
VUE_APP_URL = 'dev'

NODE_ENV = 'production'
VUE_APP_FLAG = 'test'

NODE_ENV = 'production'
VUE_APP_FLAG = 'pro'

判断自己所处哪个环境

/*第一层if判断生产环境和开发环境*/
if (process.env.NODE_ENV === 'production') {
    /*第二层if，根据.env文件中的VUE_APP_FLAG判断是生产环境还是测试环境*/
    if (process.env.VUE_APP_FLAG === 'pro') {
        //production 生产环境
        axios.defaults.baseURL = 'http://api.xinggeyun.com';
 
    } else {
        //test 测试环境
        axios.defaults.baseURL = 'http://192.168.0.152:8102';
 
    }
} else {
    //dev 开发环境
    axios.defaults.baseURL = 'http://192.168.0.152:8102';

长风破浪会有时，直挂云帆济沧海