vue-cli上线部署多个环境

1、先下载npm i –save-dev cross-env 在各个平台上兼容
2、在package.json文件里面

{
  "scripts": {
 "build:prod": "cross-env NODE_ENV=production env_config=prod node   build/build.js",
 "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
  }
}

多添加了两个文件就多两个环境
3、在config.js里面在添加个文件sit.evn.js

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  DOMAIN:'"http://www.baidu.com"',//这个是后台的接口地址
  ENV_CONFIG: '"sit"',//这个是区分打包后环境的

}
prod.evn.js里面可以设置
'use strict'
module.exports = {
  NODE_ENV: '"production"',
  DOMAIN:'"http://test.danajia.com.cn"',
  ENV_CONFIG: '"prod"',

}
在修改webpack.prod.config.js里面的
const env = process.env.NODE_ENV === 'testing'
? require('../config/test.env')
: require('../config/prod.env')修改成
//这里面的process.env.env_config是package.json中的  build:prod里面的env_config。
const env = require('../config/'+process.env.env_config+'.env')

4、在封装的axios中设置

let instance = axios.create({
  baseURL: process.env.DOMAIN, 
 })

5、打包的时候你就直接直接npm run build:prod 或者 npm run build:sit。