vue-cli3.0的项目上，配置多个环境

在vue-cli3.0的项目上，配置多个环境
一般情况下，我们会需要三个环境（本地开发环境、测试环境、生产环境），而3.0默认只支持两个环境（即测试环境、生产环境），如何配置多个环境，请往下看：

第一步

在此处建立额外的环境配置文件，一个文件一个环境，如我要配置test（测试环境）
.evn.test内容

NODE_ENV = 'test'

第二步

在项目根目录添加 config.js文件（此文件是配置各环境的url）

let BASE_URL = ""; //这里是一个默认的url，可以没有
switch (process.env.NODE_ENV) {
    case 'development':
        BASE_URL = "http://0.0.0.222:8080" //这里是本地的请求
        break
    case 'test':
        BASE_URL = "http://www.xxx.com.cn/test" // 测试环境
        break
    case 'production':
        BASE_URL = "http://www.xxx.com.cn/" //生产环境
        break
}

export default BASE_URL;

第三步

在package.json文件中，添加启动命令

// ...
"scripts": {
  	 "serve": "vue-cli-service serve",
     "test": "vue-cli-service build --mode test",  // 这一行
     "build": "vue-cli-service build"
},
// ...

用法

在需要用到请求前缀的地方，导入config文件，就可以了（比如封装的axios）

此方法配置后：
1、如果是本地环境，就运行npm run serve。此时对应的baseUrl就是config里配置的development项
2、如要打包到测试环境，就运行npm run test。此时对应的baseUrl就是config里配置的test项
3、如要打包到正式环境，就行动npm run build。此时对应的baseUrl就是config里配置的production项

整体用起来超级方便~~