美文网首页
vue根据不同环境打包不同的请求接口

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

作者: 辉夜真是太可爱啦 | 来源:发表于2019-06-12 09:41 被阅读0次

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

图中的中文请根据你的实际使用环境进行替换,这种的好处是
(自适应,比打包方便,例如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;

相关文章

网友评论

      本文标题:vue根据不同环境打包不同的请求接口

      本文链接:https://www.haomeiwen.com/subject/kkqkfctx.html