当前位置: 首页 > article >正文

React进阶之前端业务Hooks库(六)

前端业务Hooks库

  • 请求
    • useRequest
      • 题外:主流大厂编码规范的要求:
      • 目录详解
      • useRequest.ts
      • useRequestImplement.ts
      • Fetch.ts
      • 插件的实现
        • src/useRetryPlugin.ts
        • src/useAutoRunPlugin.ts
        • 请求失败的日志上报

请求

在这里插入图片描述

useRequest

为什么不使用axios而使用useRequest
因为 axios 在 vue 项目中使用的确频繁,而且是提供了 interceptor 这样的一个属性,能够在对应的异常阶段进行拦截,但是 axios 本质其实也是基于 xmlHttpRequest 前端创建的一个请求,本质上和 useRequest 没有任何区别,无外乎是使用了 vue3的语法,和使用前端语法。
对于异常处理,会封装一个onError的方法,axios的来说,会使用catch方式进行拦截,重点是怎么将这种异常进行一个返回。

是因为要对当前的请求做定制化封装,定制化封装参考后面的稳定性监控,在原生项目的请求中,通过插件化的方式去集成,进行请求实例中的封装,拦截。
对于统一的异常处理,通过onError或onCatch暴露出这样的一个异步的方法(callback)

本质上是使用了一个 fetch Instance创建一个请求
难点:


http://www.kler.cn/a/571910.html

相关文章:

  • 遗传算法详解及在matlab中的使用
  • SSM记忆旅游网站
  • 基于 RBAC 的前端权限管理实现教程
  • ADB、Appium 和 大模型融合开展移动端自动化测试
  • 路由基础学习
  • 清华团队提出HistoCell,从组织学图像推断超分辨率细胞空间分布助力癌症研究|顶刊精析·25-03-02
  • 自由学习记录(40)
  • 基于微信小程序的停车场管理系统的设计与实现
  • Tomcat:Java Web应用的强大支撑
  • 05 HarmonyOS NEXT高效编程秘籍:Arkts函数调用与声明优化深度解析
  • 复合机器人为 CNC 毛坯件上下料注入 “智能强心针”
  • CentOS 7中安装Dify
  • Docker 容器的数据卷
  • LeetCode 42.接雨水
  • 虚拟机IP的配置,让它上网
  • 奖学金(acwing)c++
  • Redis 排行榜实现:处理同分数时的排名问题
  • 探秘基带算法:从原理到5G时代的通信变革【八】QAM 调制 / 解调
  • SSH远程登录并执行命令
  • 【Office-Word】如何自动生成中英文目录