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>