vue3封装Axios步骤

1:安装 Axios：首先需要在项目中安装 Axios，可以使用 npm 或者 yarn 进行安装

npm install axios

或 

yarn add axios

2:创建封装函数：创建一个文件，比如 api.js，在该文件中编写封装 Axios 的函数

3:导入 Axios：在 api.js 中导入 Axios 模块

import axios from 'axios';

4:创建实例：使用 Axios.create() 方法创建一个 Axios 实例，可以在实例中设置一些默认配置，比如基础 URL、请求头等

const instance = axios.create({ baseURL: 'https://api.example.com', headers: { 'Content-Type': 'application/json', }, });

5：编写请求函数：在 api.js 中编写发送请求的函数，可以根据项目需求封装不同的请求方法，比如 GET、POST、PUT、DELETE 等。

export const fetchData = () => { return instance.get('/data'); }; export const postData = (data) => { return instance.post('/data', data); };

6:导出函数：在 api.js 中将编写的请求函数导出，以便在其他文件中使用

export { fetchData, postData };

7:使用封装函数：在项目的其他文件中导入 api.js，然后调用封装的请求函数发送请求

import { fetchData, postData } from './api';

fetchData()
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

const data = { name: 'John', age: 30 };
postData(data)
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });