1.package.json处理
增加打包命令
"scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:war": "npm run build:prod && node ./build/war.js", "build:prd": "vue-cli-service build --mode prd && node ./build/war.js", "build:poc": "vue-cli-service build --mode poc && node ./build/war.js" },
备注：
1.prd为生成环境，poc为测试环境，增加了参数 指明环境 `--mode prd`和`--mode poc`
2.增加.env文件
在项目根目录增加文件 .env.poc 和 .env.prd
env.poc
MODE='poc' ENV = 'production' NODE_ENV = 'production' VUE_APP_MODE ='poc' # base api VUE_APP_BASE_API = '' VUE_APP_CODE_API = '' VUE_PC_BASE_API = '' VUE_PHONE_BASE_API = '' VUE_APP_ID = 'hsa_gdsz_corp'
env.prd
MODE='prd' ENV = 'production' NODE_ENV = 'production' VUE_APP_MODE ='prd' # base api VUE_APP_BASE_API = '' VUE_APP_CODE_API = '' VUE_PC_BASE_API = '' VUE_PHONE_BASE_API = '' VUE_APP_ID = 'hsa_gdsz_corp'
部分参数不是很需要，主要参数为 MODE NODE_ENV VUE_APP_MODE 这三个；
3.页面调用环境变量
const isPoc = process.env.VUE_APP_MODE === 'poc' // 公服测试环境 const isPrd = process.env.VUE_APP_MODE === 'prd' // 公服正式环境 //其他的就是根据环境变量进行处理啦
4.打包
npm run build:poc // 测试环境 npm run build:prd //生产环境
