【vue】对axios二次封装

Axios 是一个基于 promise 的 HTTP 库，可以用于发送请求、拦截请求和响应，以及转换请求和响应数据。Vue.js 也是一种流行的 JavaScript 框架，常常用来构建单页面应用（SPA）。在 Vue.js 应用中，我们常常需要使用 Axios 来进行 HTTP 请求，以获取远程数据或发送数据到服务器端。为了方便地使用 Axios，我们可以对其进行二次封装，以使得我们能够更加便捷地使用 Axios，同时也能够在整个应用中统一处理 HTTP 请求和响应的相关逻辑。

对 Axios 进行二次封装的一般步骤如下：

1. 将 Axios 模块导入到Vue项目中：可以通过 npm 安装 axios，然后在 Vue 组件中使用 import 引入 axios 模块。

2. 创建一个 Axios 实例：可以使用 Axios.create() 方法创建一个新的 Axios 实例，并设置一些默认配置，以便于在多个请求中共享。

3. 设置请求拦截器和响应拦截器：可以使用拦截器来添加通用的请求头、处理错误信息、加载进度条等操作。

4. 封装常用的 HTTP 请求方法：可以为常用的 HTTP 请求方法（如 GET、POST、PUT、DELETE 等）创建一个统一的封装函数，以便于在多个组件中共享使用。

5. 统一处理 HTTP 请求和响应的错误：可以通过统一处理 HTTP 请求和响应的错误，避免在每个组件中都要单独处理错误的逻辑。

通过对 Axios 进行二次封装，我们可以使得整个应用的 HTTP 请求和响应逻辑更加简洁、易于维护，同时也能够统一处理错误和异常情况，减少代码冗余。