vue中axios的高级用法:请求拦截

vue框架是一款非常小巧轻便的JavaScript渐进式框架,在项目中用得非常多,所以在面试的时候如果会vue,会更容易得到面试官的认可,我分享一个在面试用问的比较多的同时我们平常没有怎么具体研究的axios请求拦截,想必很多人和我一样,都知道在vue用通常是用axios发异步请求的,也知道它的高级用法是可以作拦截 ,但你知道axios的请求过程吗?希望这篇文章可以帮到你。

axios请求过程

  • axios可以作请求拦截是因为它的发送请求前——》inteceptor(拦截器)——》处理请求——》发送请求后(接收响应)——》inteceptor(拦截器)——》请求成功或者失败。
    如图:
    vue中axios的高级用法:请求拦截_第1张图片
  • 发送请求前是在request里作请求拦截,请求之后是在response里作请求拦截。
    vue中axios的高级用法:请求拦截_第2张图片
  • 那么有的人会问了,每一次发送请求都是这么复杂的吗?我们平时会怎么用呢,平时用的真心不多,但原理我们要懂呀,实在要用的话是将请求拦截封装成一个新的服务,我们直接调用就可以了。

你可能感兴趣的:(vue)