axios拦截器

时间:2021-09-24 05:22:34

请求顺序验证

1、main.js入口文件

    axios拦截器

 

2、vue组件里

    axios拦截器

3、结果

 axios拦截器

 

 

4.作用

  请求拦截→在请求发送前校验数据和参数,有问题则不进行发送

  响应拦截→返回数据有误时做出拦截

  实例:post请求需要转换数据,此时可以放到拦截器处理,以后方便其他所有组件调用post,不用依次配置qs

入口文件配置:

  1、引入qs第三方库

  axios拦截器

 

   2、判断请求类型,然后进行qs转换--此时便可以全局生效

  axios拦截器

 

 

小结:

  此外,还有其他常见作用,例如发送前判断请求类型、参数是否正确等等.. ..

 

 

 

 

.