配置手动更改ip,避免每次更改ip都需要重新打包的弊端

        开发过程中,有一种情况,就是多人开发时,使用不同的ip地址,有的是本地的http://localhost:xxxx,有的是其他的外网地址;或则换个地方开发后,地址变化了,导致每次更换ip都得重新打包发布,很麻烦

        实现功能:在打包好后,也可以随意更改ip,灵活,可以在不同场景更换ip

第一种方式:控制环境变量,在首页加个输入框,直接更改环境变量env里面的值,并且将地址存入localStorage里面,在后期用到的时候可以直接取,或则直接取环境变量里面的也行,这种反正更简单一些

第二种方式:换汤不换药,我用的是老项目的框架,一开始他们就没在外面配置环境变量,二十直接在api里面写了一个,其实跟前面的差不多,所以,我得在框架里面找,找到他的默认网络配置的地方,一般都是在config里面

1、获取浏览器地址 const hr = window.location.origin //这个就是获取的浏览器地址

2、这一步很重要,一定要做个判断,不如在打包的时候会报window xxxxx undefined的,这其实是浏览器对象和window对象的区别和冲突,可以自己去查查,怎么判断代码我放下面了

3、将默认是接口地址更换成这个hr

其实与第一种方式一个药的,最终都是要经过request.js的,也可以在request.js中封装也可以

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

C.果栗子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值