vue cli3 build 区分测试环境和生产环境

一、新建2个文件 .env.build 和 env.test

.env.build

NODE_ENV = 'production' VUE_APP_CURRENTMODE = 'production' outputDir = 'dist'

env.test

NODE_ENV = 'production' VUE_APP_CURRENTMODE = 'test' outputDir = 'test'

二、 域名根据变量【VUE_APP_CURRENTMODE】 来区分:

console.log(configHttps)
let https
if (process.env.NODE_ENV == "development") {
    https = {
        // axiosURL: 'http://192.168.1.xxx:9003/api/',
       
    }
} else if(process.env.VUE_APP_CURRENTMODE == "test") {
    https={axiosURL:configHttps.testURL}
} else if(process.env.VUE_APP_CURRENTMODE == "production"){
    https={axiosURL:configHttps.axiosURL}
}
export {
    https
}

三、vue.config.js 修改 outputDir:process.env.outputDir,

四、package.json 修改 "build": "vue-cli-service build --mode build && vue-cli-service build --mode test"

public/myAddressConfig.js

let configHttps = {

axiosURL: ` ${ weeg_pro_base } /api/` ,

testURL : '/api/'

}