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

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

一般情况下，我们会需要三个环境（开发环境、测试环境、生产环境），而3.0默认只支持两个环境（即测试环境、生产环境）

创建测试环境

1:在根目录下创建一个evn.test文件

NODE_ENV = 'test'

2在项目根目录添加 config.js文件,配置各环境的url

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

export default BASE_URL;

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

"scripts": {
  	 "serve": "vue-cli-service serve",
     "test": "vue-cli-service build --mode test",  // <----
     "build": "vue-cli-service build"
},

4在需要用到的地方引入config文件就可以了