VUE配置proxy代理的开发测试及生产环境

# 开发环境
NODE_ENV = 'development'

# 开发环境，api前缀
VUE_APP_BASE_API = '/api'

#开发环境，Url地址
VUE_APP_BASE_RUL = 'http://xxxxxxxxxxxxx:8081/

# 测试环境
NODE_ENV = 'test'

# 测试环境，api前缀
VUE_APP_BASE_API = '/test-api'

#测试环境，Url地址
VUE_APP_BASE_RUL = 'http://xxxxxxxxxxx:8081/'

# 生产环境
NODE_ENV = 'production'

# 生产环境，api前缀
VUE_APP_BASE_API = '/prod-api'

#生产环境，Url地址
VUE_APP_BASE_RUL = 'http://xxxxxxxxxx:8081/'

// webpack-dev-server 相关配置
    devServer: { // 设置代理
        host: '0.0.0.0', //
        port: 80, //自定义端口
        https: false, //false关闭https，true为开启
        open: true, //自动打开浏览器
        proxy: {
            [process.env.VUE_APP_BASE_API]: { //同济医院地址
                target: process.env.VUE_APP_BASE_RUL,
                // 如果要代理 websockets
                ws: true,
                changeOrigin: true,
                pathRewrite: {   //重写路径，这种是没有我们定义的前缀
                    ['^' + process.env.VUE_APP_BASE_API]: '' 
                }
            }
        }
    },

baseURL: process.env.VUE_APP_BASE_API

"serve": "vue-cli-service serve",    //启动
"build:test": "vue-cli-service build --mode test",   //测试
"build:prod": "vue-cli-service build",   // 生产