当前位置:   article > 正文

前端面试题之说说axios中的请求拦截器和响应拦截器各自的执行机制是什么样的,有什么作用,说说对token的理解,如何解决token过期的问题_前端面试题拦截器

前端面试题拦截器

面试官问:说说axios中的请求拦截器和响应拦截器各自的执行机制是什么样的,有什么作用,说说对token的理解,如何解决token过期的问题

小张同学回答:

axios的请求拦截器就是在我们调用axios发起网络请求后,浏览器真正发起请求之前所设置的一个拦截器,我们可以在这个拦截器当中查看到我们传出去的配置项,并且可以修改,最常见的情况就是在请求拦截器中统一为请求添加携带token的请求头

axios的响应拦截器就是在浏览器拿到服务端响应数据后,axios拿到响应数据前设置的一个拦截器,同样的在响应拦截器里也可以查看到响应回来的数据,最常见的就是在响应拦截器中做token的一个过期处理

token的话简单来说就是一个身份凭据,每次请求的时候只需要携带上token,服务器就可以确认该用户已经登录过,就避免了服务器频繁的去查询数据库,减轻了服务器的压力

token过期的话通常我们都会在响应拦截器中进行处理,判断从服务器响应回来的状态码是不是token过期的状态码,如果是的话,就会去清空token,并强制跳转到登录页,让用户重新登录,还有一种方法用的比较少,比如后端服务器中的token有效期过长,让客户端主动介入缩短用户token的有效期,然后在请求拦截器中进行一个判断,如果当前token超过了客户端规定的有效期,那么就强制跳转到登录页,但是这种情况很少

Ps:(当然在项目中我们一般都是会把axios进行一次二次封装,通常这个操作不会让我们来做啦,除非是一个项目从0到1,然后指名道姓让我们来做,所以大家不用担心,但是小张同学还是建议大家要会哦,以备不时之需嘛,而且非常简单)

最后小张同学祝大家面试顺利!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/423049
推荐阅读
相关标签
  

闽ICP备14008679号