例如同一个 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()
..........