VUE3axios封装多个实例

在Vue 3中，你可以使用axios来发送HTTP请求。为了封装多个axios实例，你可以按照以下步骤进行操作：

1. 安装axios：在终端中运行以下命令来安装axios库：

npm install axios

2. 创建一个axios实例：在你的项目中的某个地方，例如 `src/utils/axios.js` ，创建一个新的文件来定义你的axios实例。下面是一个示例：

import axios from 'axios';

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

const instance2 = axios.create({
  baseURL: 'http://api.another-example.com',
  timeout: 3000,
});

export { instance1, instance2 };

在上面的示例中，我们创建了两个axios实例，`instance1` 和 `instance2` ，并为每个实例设置了不同的baseURL和timeout。

3. 使用axios实例：在你的Vue组件或其他地方，你可以通过导入 `axios.js` 文件来使用这些实例。例如，在你的组件中发送HTTP请求，可以按照以下方式操作：

import { instance1, instance2 } from '@/utils/axios.js';

// 使用instance1发送GET请求
instance1.get('/users').then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

// 使用instance2发送POST请求
const data = {
  name: 'John',
  email: 'john@example.com',
};

instance2.post('/users', data).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error);
});

在上面的示例中，我们导入了 `instance1` 和 `instance2` ，然后可以使用它们来发送GET和POST请求。

这样，你就可以封装多个axios实例，并在不同的地方使用它们来发送HTTP请求了。