全局的拦截器

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 @ 2020-12-25 07:58  Mr_sven  阅读(160)  评论(0编辑  收藏  举报