开发过程中,有一种情况,就是多人开发时,使用不同的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中封装也可以