首页 > 其他 > 详细

拦截器

时间:2020-12-25 09:49:10      阅读:19      评论:0      收藏:0      [点我收藏+]

axios提供了两大类拦截器 一种是请求方向的拦截器(成功请求 失败请求)
另一种是响应方向的(成功的 失败的)

作用:用于在网络请求的时候在发起请求或者响应时,对操作进行处理。
①发起请求时可以添加网页加载的动画。
②使用token认证时可以判断用户有无登录(强制登录)

 

请求拦截器

<script>
    axios.interceptors.request.use(config=>{
        console.log("请求拦截。。。");
        console.log(config);
        return config;
    },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);
        return config;
    },err=>{
        console.log("响应失败拦截。。。");
    });

    axios.post(‘http://localhost:8080/query‘).then(res=>{
        console.log(res)
    })
</script>

  

 

拦截器

原文:https://www.cnblogs.com/ixtao/p/14187194.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!