全局的拦截器

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>

  

 

posted @   iTao0128  阅读(164)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示