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;