Vue3 Axios封装

Axios中文官网：Axios中文文档 | Axios中文网

一、安装Axios

npm install axios

二、封装request.js 文件 

1. 新创建一个实例

1、baseURL：会自动加在 `url` 前面，除非 `url` 是一个绝对 URL。它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL

2、timeout：指定请求超时的毫秒数。如果请求时间超过 `timeout` 的值，则请求会被中断

2. 添加拦截器 

① 请求拦截器

② 响应拦截器

③ 导出模块

3.  在发送请求之前的业务处理（仅供参考）

4.  对响应数据做相关的业务处理（仅供参考）

这里只做了基础的业务处理，各位星友可以根据自己具体的业务要求进行封装，遇到有趣的业务时欢迎在评论区分享。后面我也会整理一些我常遇到的业务，再续写一篇业务封装的文章

三、使用

在调用后端接口时，经常会遇到同一种的请求方式，参数类型多种的情况，所以我们可以在使用之前再进行一层封装。在这里就不过多讲述了，有需要的星友们可以在评论区，或者私信我，到时统计一下，再具体看看要不要出一篇文章单独讲述。