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;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值