【前端系列】优化axios响应拦截器

文章目录


一、前言🚀🚀🚀

☀️

回报不在行动之后,回报在行动之中。


这个系列可以叫作《前端系列》,我将把前端工程化所需要的思想,以及所用到的技术,把它用笔记的形式展示出来,请期待这个系列的更新吧。


二、axios响应拦截器:☀️☀️☀️

2.1 为什么前端需要响应拦截器

如下图:如果没有响应拦截器的情况下,我们是分别在登录与注册的事件函数中单独的判断后端响应回来的code值,这样的话我们以后每一个操作,无论是登录还是注册还是其他操作,都需要单独写,代码会比较冗余且重复,为了提高复用性,我们封装了响应拦截器,将响应值的code先进行拦截判断,如果成功就接着返回,失败就直接拦截。


element ui的消息组件


相关推荐
学习OK呀4 分钟前
后端上手学习react基础知识
前端
星火飞码iFlyCode4 分钟前
大模型提效之服务端日常开发
前端
zoahxmy09295 分钟前
Canvas 实现单指拖动、双指拖动和双指缩放
前端·javascript
花花鱼6 分钟前
vue3 动态组件 实例的说明,及相关的代码的优化
前端·javascript·vue.js
Riesenzahn8 分钟前
CSS的伪类和伪对象有什么不同?
前端·javascript
Riesenzahn8 分钟前
请描述下null和undefined的区别是什么?这两者分别运用在什么场景?
前端·javascript
代码小学僧8 分钟前
一行代码顶二十行代码! 🔧 修复 React 聊天室滚动加载问题 Bugfix 解决方法分享
前端·css·react.js
__不想说话__8 分钟前
前端视角下的AI应用:技术融合与工程实践指南
前端·javascript·aigc
niusir9 分钟前
使用 useCallback 和 useMemo 进行 React 性能优化
前端·javascript·react.js
niusir10 分钟前
深入理解 React 自定义 Hook
前端·react.js·前端框架