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)
}

main.js

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

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()

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);
  
})

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

猜你喜欢

转载自blog.csdn.net/qq_43248623/article/details/115246093