vue根据不同环境打包不同的请求接口

前言:一般有三种开发模式,开发模式,测试模式,生产模式(即正式模式),然后,不同的环境有不同的接口地址

图中的中文请根据你的实际使用环境进行替换,这种的好处是
(自适应,比打包方便,例如npm run build --dev以及npm run build --prod)

ps:如果你不清楚自己的域名,可以console.log(window.location.hostname);控制台输出查看自己的域名

import axios from 'axios'

let url;
if(window.location.hostname==='localhost'){    //dev
  url='你的开发接口地址';
}else if(window.location.hostname==='你的测试地址域名'){    //test
  url='你的测试接口地址';
}else if(window.location.hostname==='你的生产地址域名'){   //prod
  url='你的生产接口地址';
}

axios.defaults.baseURL = url;

 

上一篇:android nfc中MifareClassic格式的读写


下一篇:.Net中集合排序的一种高级玩法