一:为什么要对axios进行二次封装?
- 隐藏axios的细节:axios是一个强大的HTTP请求库,但它也有一些繁琐的细节需要处理,比如处理请求的错误、请求超时,以及请求的拦截等。通过二次封装,我们可以将这些细节隐藏起来,使开发人员可以更加专注于业务逻辑的开发。
统一处理请求和响应
:通过二次封装,我们可以在请求之前或者响应之后做一些通用的处理,比如添加请求头、处理响应数据等。这样可以减少代码重复,提高开发效率。拦截请求和响应
:提前对数据进行处理,例如访问对应页面需要token认证,就需要对请求头进行携带token
二:axios二次封装的使用
2.1 文件构建
- 在工程目录下的src下建立utils文件夹,放置对axios的二次封装请求
- utils同级目录下,建立api文件夹,统一放置对应封装的请求接口
2.2 对axios进行二次封装
request.ts
1 | import axios from 'axios' |
2.3 封装请求接口
api文件下接口文件
1 | //引入二次封装axios |
2.4 引入接口请求
login.ts
1 | //引入接口 |