奇葩的需求总是有的,今天说说vue项目中请求不同接口时,动态切换对应域名。
1.首先是项目搭建是vue-cli,搭建完毕会有全局变量配置生成文件
设置好两个域名
2、API中设置识别环境参数,这里属性名为requestBaseUrl
api管理目录结构:
加上:
3.开始配置拦截器
到这里,我们把config打印出来,所有参数都出来了,token,请求头动态修改同理:
参考:https://www.jianshu.com/p/79acec2610fd