vue3 js 封装axios

在Vue 3中封装Axios可以使用以下步骤：
1. 首先，在项目中安装Axios依赖，可以使用以下命令：

   npm install axios

2. 创建一个名为`api.js`的文件，用于封装Axios请求。
3. 在`api.js`中导入Axios，并创建一个Axios实例，可以进行一些全局配置，例如设置请求的基本URL、请求头等。

   import axios from 'axios';

   const api = axios.create({
     baseURL: 'http://your-api-url.com',
     headers: {
       'Content-Type': 'application/json',
       // 其他自定义请求头
     },
   });

   export default api;

4. 在需要发送请求的组件中，导入`api.js`并使用封装的Axios实例发送请求。

   import api from './api';

   export default {
     data() {
       return {
         responseData: null,
       };
     },
     created() {
       this.fetchData();
     },
     methods: {
       fetchData() {
         api.get('/your-endpoint')
           .then(response => {
             this.responseData = response.data;
           })
           .catch(error => {
             console.error(error);
           });
       },
     },
   };