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

文章目录


一、前言🚀🚀🚀

☀️

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


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


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

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

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


element ui的消息组件


相关推荐
小二·15 分钟前
Spring框架入门:代理模式详解
java·spring·代理模式
Rock_yzh15 分钟前
LeetCode算法刷题——53. 最大子数组和
java·数据结构·c++·算法·leetcode·职场和发展·动态规划
简单的话*15 分钟前
Logback 日志按月归档并保留 180 天,超期自动清理的配置实践
java·前端·python
m***567217 分钟前
在Nginx上配置并开启WebDAV服务的完整指南
java·运维·nginx
困惑阿三19 分钟前
深入理解 JavaScript 中的(Promise.race)
开发语言·前端·javascript·ecmascript·reactjs
我命由我1234520 分钟前
微信小程序 bind:tap 与 bindtap 的区别
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
Mr.朱鹏24 分钟前
RocketMQ可视化监控与管理
java·spring boot·spring·spring cloud·maven·intellij-idea·rocketmq
5335ld24 分钟前
vue2 直播地址播放 兼容浏览器
前端·vue.js
克喵的水银蛇25 分钟前
Flutter 布局实战:掌握 Row/Column/Flex 弹性布局
前端·javascript·flutter
带刺的坐椅27 分钟前
Solon AI 开发学习9 - chat - 聊天会话(对话)的记忆与持久化
java·ai·llm·openai·solon·mcp