axios发送请求（baseURL有多个的情况）_vue axios中的baseurl不止一个

首先baseURL只有一个的情况：
先安装一下axios: npm install axios --save
request.js

import axios from 'axios'
export function request(config){
    //1.创建axios的实例
    const instance = axios.create({
        baseURL:'http://152.136.185.210:8000/api/n3'
    })
    //发送真正的网络请求
    return instance(config)
}
1
2
3
4
5
6
7
8
9

main.js

import {request} from './network/request'
request({
  url:'/home/multidata'
}).then(res => {
  console.log(res);
}).catch(err=>{
  console.log(err);  
})
1
2
3
4
5
6
7
8

baseURL有两个的情况：

request.js

function request(config){
    //1.创建axios实例
    const instance1 = axios.create({
        baseURL:"http://152.136.185.210:8000/api/n3"
    })
	//2.再创建一个axios实例，用来放第二个baseURL
    const instance2 = axios.create({
        baseURL:"http://112.116.115.110:8000/api/n3"
    })
    //发送真正的网络请求
    return [instance1,instance2]
}
export default request()
1
2
3
4
5
6
7
8
9
10
11
12
13

main.js

import request from './network/request'
request[0]({
    url:'/home/multidata'
  }).then(res => {
    console.log(res);
  }).catch(err=>{
    console.log(err);
    
})

request[1]({
  url:'/home/data'
}).then(res => {
  console.log(res);
}).catch(err=>{
  console.log(err);
  
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

以此类推，有几个baseURL就创建几个axios实例