uniapp 多个域名请求

例如同一个 app 中同一个域名,但是有的接口 /api/123, 有的接口 /123

解决办法:new 多个 request 来支持多个域名请求。

1、首先创建 components/zhouWei-request/requestConfig.js 文件中配置全局的请求域名
2、创建 config.js 文件并将接口域名暴露出去的
module.exports = { base_url:"http://xxx.xxx.xxx.xxx:xxxx" }
3、在创建的 requestConfig.js 文件中引入接口域名
 import {base_url} from "@/config.js"
4、其次在 requestConfig.js 文件中需要多少个接口就创建多少个不一样的路径
1、const baseUrl1 = base_url+"/api/";
2、const baseUrl2 = base_url+"/a/";
3、const baseUrl3 = base_url+"/b/";
4、const baseUrl4 = base_url+"/c/"
5、const baseUrl5 = base_url
。。。。
5、这个时候就可以 new 多个 request 来支持多个域名请求
let $http1 = new request({
	//接口请求地址
	baseUrl: baseUrl1,
	//服务器本地上传文件地址
	fileUrl: baseUrl1,
	........
        }); 
let $http2 = new request({
	//接口请求地址
	baseUrl: baseUrl2,
	//服务器本地上传文件地址
	fileUrl: baseUrl2,
	.......
        });
let $http3
。。。
。。。
6、最后将 new 好的 resquest 暴露出去
export { $http1, $http2,$http3,$http4 ......}
7、就可以在 main.js 中全局引入,就可以在 app 中使用了
import {$http1, $http2,$http3,$http4} from '@/components/zhouWei-request/requestConfig';
Vue.prototype.$http1= $http1
Vue.prototype.$http2= $http2
Vue.prototype.$http3= $http3
Vue.prototype.$http4= $http4
8、app中使用
this.$http1.request()
this.$http2.request()
this.$http3.request()
this.$http4.request()
..........
  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值