全局的拦截器
axios提供了两大类拦截器 一种是请求方向的拦截器(成功请求 失败请求)
另一种是响应方向的(成功的 失败的)
作用:用于在网络请求的时候在发起请求或者响应时,对操作进行处理。
①发起请求时可以添加网页加载的动画。
②使用token认证时可以判断用户有无登录(强制登录)
请求拦截器
< script > axios.interceptors.request.use(config=>{ console.log("请求拦截。。。"); console.log(config.data); return config.data;//放行请求 },err=>{ console.log("请求失败拦截。。。"); }); axios.post('http://localhost:8080/query').then(res=>{ console.log(res) }) </ script > |
响应拦截器
< script > axios.interceptors.response.use(config=>{ console.log("响应拦截。。。"); console.log(config.data); return config.data; },err=>{ console.log("响应失败拦截。。。"); }); axios.post('http://localhost:8080/query').then(res=>{ console.log(res) }) </ script > |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律