Vue中axios学习（五）axios拦截器

axios提供两大类拦截器
一种是请求方向（成功，失败）
一种是响应方向（成功，失败）

拦截器作用：用于我们在网络请求的时候，在发起请求或者响应时对操作进行响应的处理。

应用场景：
1.发起请求是可以添加网页加载的动画，强制登录。
2.响应时可以进行相应的数据处理。

第一种：

<script>
    axios.interceptors.request.use(config=>{
        console.log("进入请求拦截器");
        console.log(config);
        return config;//放行数据
    }).catch(err=>{
        console.log("请求方向失败");
        console.log(err);
    })

    axios.get('http://localhost:9999/student/student/getAllStudent').then(res=>{
        console.log(res);
    })
</script>

第二种：

<script>
    axios.interceptors.response.use(config=>{
        console.log("进入响应拦截器");
        return config.data;
    },err=>{
        console.log("响应方向失败");
        console.log(err);
    });
    axios.get('http://localhost:9999/student/student/getAllStudent').then(res=>{
        console.log(res);
    })
</script>