细说vue axios登录请求拦截器

原创 年树先生 随笔 vue 12702阅读 11 天前 举报

当我们在做接口请求时,比如判断登录超时时候,通常是接口返回一个特定的错误码,那如果我们每个接口都去判断一个耗时耗力,这个时候我们可以用拦截器去进行统一的http请求拦截。

1.安装配置axios

我们可以建一个js文件来做这个统一的处理,新建一个axios.js,如下

然后在main.js中引入这个js文件

这样就可以使用axios去请求了,在组件中可以用this.axios去调用

只有用axios请求接口,才能去拦截,现在已经能在axios.js中拦截到了,可以在两个状态中做你需要的操作

补充:

  • axios使用拦截器统一处理所有的http请求
  • axios使用拦截器
  • 在请求或响应被 then 或 catch 处理前拦截它们。

http request拦截器

http respones拦截器

移除拦截器

为自定义axios实例添加拦截器

结语

感谢您的观看,如有不足之处,欢迎批评指正。

本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
对web开发技术感兴趣的同学,欢迎加入Q群:864305860,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复