vue3 封装axios

Vue 3是一种流行的JavaScript框架，用于构建用户界面。它是Vue.js的最新版本，带来了许多新的特性和改进。关于Vue 3的封装axios，可以通过以下步骤进行：

1. 首先，安装axios库。在终端中运行以下命令：

npm install axios

2. 创建一个名为`api.js`的文件，并在其中导入axios库：

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://api.example.com', // 设置基本的URL
  timeout: 5000, // 设置请求超时时间
});

export default api;

3. 在需要使用axios的地方，导入`api.js`文件，并使用封装好的axios实例发送请求：

import api from './api.js';

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

// 发送POST请求
api.post('/users', { name: 'John', age: 25 })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

这样，你就成功封装了axios，并可以在Vue 3项目中使用它发送HTTP请求了。