掘金计划——前端请求

97 阅读2分钟

为什么要封装前端请求?

  • 提高代码复用性和可维护性
  • 简化复杂性,使代码更易于理解
  • 提供统一的错误处理和请求拦截机制
  • 可以集中处理认证、日志记录等通用逻辑

原生前端请求有哪些?

原生的前端请求方式包括:

  • 使用XMLHttpRequest对象进行原生AJAX请求
  • 使用Fetch API进行原生fetch请求

所以其他所谓的请求都是封装的库,例如Axios,所以如果遇到XHR和axios比较的面试题,你可以认为出题人是傻逼。

文章推荐

vue中Axios的封装和API接口的管理

介绍了如何封装Axios的一些场景,内附更新内容。这点还是很值得阅读的。

推荐指数:⭐⭐⭐⭐

前端架构带你 封装axios

文章结构梳理的很清晰,就是代码中带一些Ts,爱看可以不看代码部分。

推荐指数:⭐⭐⭐⭐

一篇拒绝低级封装axios的文章

以一些案例来阐述怎么封装axios,这点还是很好的。更主要的是作者在评论区中和人讨论的方式值得学习,应抱以开放心态来沟通,而不是固定思维,所以多一颗星。

文章中的await-to-js的源码可以看一下

推荐指数:⭐⭐⭐⭐

image.png

alova 是时候该换掉你的axios了

另一种封装XHR的请求库,可以做一个扩展阅读吧

推荐指数:⭐⭐⭐

在项目中用ts封装axios,一次封装整个团队受益

利用Ts封装axios,有秀技的意味,可作为扩展阅读。

主要Ts现在有些争议,所以仁者见仁吧。

推荐指数:⭐⭐⭐

fetch 简介: 新一代 Ajax API

fetch还是要了解一下,但是基本上因为兼容性,不怎么好作为普遍业务的开放

推荐指数:⭐⭐⭐