vue封装axios多个baseurl

可以通过创建多个axios实例来实现vue封装axios多个baseurl的需求。每个实例可以设置不同的baseurl，然后在需要发送请求的时候选择对应的实例即可。

具体实现步骤如下：

1. 在src目录下创建一个api目录，用于存放所有的axios实例。

2. 在api目录下创建一个index.js文件，用于统一管理所有的axios实例。

3. 在index.js文件中引入axios，并创建多个axios实例，每个实例设置不同的baseurl。

4. 在需要发送请求的组件中，引入对应的axios实例，并使用该实例发送请求。

示例代码如下：

// api/index.js

import axios from 'axios'

const instance1 = axios.create({
baseURL: 'http://api.example.com'
})

const instance2 = axios.create({
baseURL: 'http://api.anotherexample.com'
})

export { instance1, instance2 }

// 组件中使用

import { instance1, instance2 } from '@/api'

instance1.get('/user').then(res => {
console.log(res.data)
})

instance2.post('/login', { username: 'admin', password: '123456' }).then(res => {
console.log(res.data)
})