为什么要封装前端请求?
- 提高代码复用性和可维护性
- 简化复杂性,使代码更易于理解
- 提供统一的错误处理和请求拦截机制
- 可以集中处理认证、日志记录等通用逻辑
原生前端请求有哪些?
原生的前端请求方式包括:
- 使用XMLHttpRequest对象进行原生AJAX请求
- 使用Fetch API进行原生fetch请求
所以其他所谓的请求都是封装的库,例如Axios,所以如果遇到XHR和axios比较的面试题,你可以认为出题人是傻逼。
文章推荐
vue中Axios的封装和API接口的管理
介绍了如何封装Axios的一些场景,内附更新内容。这点还是很值得阅读的。
推荐指数:⭐⭐⭐⭐
前端架构带你 封装axios
文章结构梳理的很清晰,就是代码中带一些Ts,爱看可以不看代码部分。
推荐指数:⭐⭐⭐⭐
一篇拒绝低级封装axios的文章
以一些案例来阐述怎么封装axios,这点还是很好的。更主要的是作者在评论区中和人讨论的方式值得学习,应抱以开放心态来沟通,而不是固定思维,所以多一颗星。
文章中的await-to-js的源码可以看一下
推荐指数:⭐⭐⭐⭐
alova 是时候该换掉你的axios了
另一种封装XHR的请求库,可以做一个扩展阅读吧
推荐指数:⭐⭐⭐
在项目中用ts封装axios,一次封装整个团队受益
利用Ts封装axios,有秀技的意味,可作为扩展阅读。
主要Ts现在有些争议,所以仁者见仁吧。
推荐指数:⭐⭐⭐
fetch 简介: 新一代 Ajax API
fetch还是要了解一下,但是基本上因为兼容性,不怎么好作为普遍业务的开放
推荐指数:⭐⭐⭐