Vue3项目基于Axios封装request请求

        在 Vue 3 的项目开发中，使用 Axios 进行 HTTP 请求是非常常见的作法，为了更方便开发者更高效的进行代码编写和项目的维护，可以通过再次封装 Axios 来实现。

        在本文中，博主将详细指导你如何在自己的 Vue 3 项目中使用 Axios 二次封装 request 请求。

1.安装 Axios

        首先，确保我们的 Vue 3 项目已经安装了 Axios 。

如果尚未安装 Axios ，则可以定位到项目根目录下 (与src目录同级) ，运行命令行：

# 使用 npm 包管理器
npm install axios


# 使用 yarn 包管理器
npm add axios


# 使用 pnpm 包管理器
pnpm install axios

         随后，我们查看 package.json 配置文件中是否包含了 Axios 的配置信息：

 2.创建请求封装模块

        在项目中创建一个单独的模块用来封装 Axios 请求。(博主这里是 src/utils/request.ts)

第一步：创建一个新的 Axios 实例

/* request.ts  这里博主用的是 TypeScript */

// 引入 Axios 库的功能，AxiosInstance 是 Axios 中自带的接口类型
import axios, { AxiosInstance } from 'axios';
import { ElMessage, ElMessageBox } from 'element