Vue Cli 脚手架分离测试环境和正式环境

项目开发中，本地开发有本地开发服务器，调用本地接口。-->测试有测试服务器，调用测试接口。-->线上服务器，调用线上接口。
Vue Cli中npm run dev --->本地开发环境 和 npm run build --->执行正式环境的编译后代码。
现在添加npm run test --->测试环境的编译后代码。

1. 在build文件夹中创建build-test.js文件，主要配置一个环境变量type用以区别测试和正式环境，引入build.js文件，执行原先的编译代码

    process.env.type = '"test"'
    require('./build')
   

2. 修改config文件夹中的prod.env.js文件

    module.exports = {
        NODE_ENV: '"production"',
        type: process.env.type
    }
   

3. 在package.json文件中添加npm run test命令

     "scripts": {
            "dev": "node build/dev-server.js",
            "test": "node build/build-test.js",
            "build": "node build/build.js"
      }
   

4. 在项目代码中判断环境

    let baseURL
    if (process.env.NODE_ENV === 'development') {
            baseURL = 'http://test.xxx.com'
            // 编译环境
    } else {
            // 测试环境
            if (process.env.type === 'test') {
                 baseURL = 'http://test.xxx.com'
            // 正式环境
            } else {
                baseURL = 'http://app.xxx.com'
           }
    }