前端业务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创建一个请求
难点: