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

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

article 2025/1/7 22:47:43

文章目录

  • 一、前言🚀🚀🚀
  • 二、axios响应拦截器：☀️☀️☀️
    • 2.1 为什么前端需要响应拦截器
      • element ui的消息组件

一、前言🚀🚀🚀

在这里插入图片描述

☀️
回报不在行动之后，回报在行动之中。

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

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

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

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

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

element ui的消息组件

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  
  
Alt


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

相关文章：

  • HTML+CSS+JS制作中华传统文化主题网站（内附源码，含5个页面）
  • 行为模式10.职责链模式
  • WebSocket 实现指南
  • wordpress开发之实现使用第三方库qrcode-generator生成二维码并上传和展示
  • 鸿蒙 ArkUI实现地图找房效果
  • 移动端自动化测试Appium-java
  • 分布式异步队列-文章目录
  • 使用@FunctionalInterface进行异步导出Excel数据
  • Docker如何把openjdk:8镜像打到本地镜像中，避免每次构建项目重新拉取openjdk,极度耗时
  • CCF考试知识点
  • 计算机网络学习
  • 【Qt】Qt 存储应用程序数据到.ini文件
  • JSON基础知识：Web开发中的数据交换格式
  • 【NLP自然语言处理】Transformer模型的几大核心优势与应用前景
  • 用 C++ 创建控制台计算器
  • Java Spring Boot监听事件和处理事件
  • 校园约拍微信小程序设计与实现ssm+论文源码调试讲解
  • Kafka 消费者
  • C++二十三种设计模式之桥接模式
  • 一文读懂51单片机的中断系统
  • 【React】如何高效使用条件渲染
  • 使用C++对SQLite3数据库进行增、删、改、查操作实例
  • 2024 华为开发者大会介绍（附大会PPT下载）
  • PyTorch 自动混合精度AMP Grad Scaler 源码解析：_unscale_grads_ 与 unscale_ 函数
  • 【C++数据结构——树】二叉树的性质（头歌实践教学平台习题）【合集】
  • Excel 技巧02 - 如何批量输入百分号 (★），如何输入百分号并指定小数位数，如何批量删除百分号，如何批量删除小数最后的0？