vue不同环境下调不同的接口的实现记录

首先在prod.env.js文件中定义不同环境下的接口地址

const target = process.env.npm_lifecycle_event;
if (target == 'online') {
  //线上
  var obj = {
    NODE_ENV: "'production'",
    //post用当前域名
    API_ROOT: "'http://www.baidu.com'"
  }
}else {
  //测试
  var obj = {
    NODE_ENV: "'test'",
    //post用当前域名
    API_ROOT: "'http://www.google.com'"
  }
}
module.exports = obj;

在api文件中直接使用

apiUrl: process.env.API_ROOT即可获取到

最后在package.json中添加线上正式和线上测试的不同打包方法

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "online": "node build/build.js"
  },