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"
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容