如何从零开始封装 Axios 请求
发布于
# 前端
Axios 是前端最常用的请求库,提供的功能也非常完善,能满足我们日常开发中的请求需要,但我们通常在项目里面都不会直接使用 Axios 库。我认为至少有两方面原因。首先,将项目中通用的请求逻辑进行封装,可以避免 DRY(不要重复自己) ,常见的通用逻辑包括请求拦截、响应拦截,异常的处理,请求取消、以及配置或数据格式的统一处理等。其次,对 Axios 库进行封装可以统一管理请求,提升了后续开发的可维护性。
Axios 是前端最常用的请求库,提供的功能也非常完善,能满足我们日常开发中的请求需要,但我们通常在项目里面都不会直接使用 Axios 库。我认为至少有两方面原因。首先,将项目中通用的请求逻辑进行封装,可以避免 DRY(不要重复自己) ,常见的通用逻辑包括请求拦截、响应拦截,异常的处理,请求取消、以及配置或数据格式的统一处理等。其次,对 Axios 库进行封装可以统一管理请求,提升了后续开发的可维护性。
表单验证是非常常见的需求,常见的做法就是借助UI库来实现,像 AntDVue和ElementUI都自带表单验证,使用方法也很简单。但问题是如果我们项目中只需要进行验证而不需要输入框的红色边框,UI 组件是没有提供配置的。
结合OKRT 结构,使用Notion实现OKR管理,建立两张表,分别制定目标和计划。目标是想要达成的结果以及衡量标准,计划是具体的任务,用以支持OKR的达成。并且目标的制定还结合了《只管去做》九宫格分类法,让生活均衡发展。
权限校验是后台管理系统中必不可少的功能,常用的做法有两种,第一种,在数据返回后,对数据进行整体清洗, 通过遍历每个按钮的权限并保存到disabled变量中,然后再在页面中将 disabled 应用到按钮组件上。第二种,就是在每次渲染按钮组件的时候再进行权限校验。
如果要用一个词概括这本书的内容的话,那就是行动,不管是追求幸福还是克服拖延我们都应该行动起来,只有行动一切才会发生改变。