内容简介:通常如果我们想要使用axios设置过期时的跳转,我们的思路是 拦截axios返回的response进行操作。如下官方文档下面便是我再项目中的用法:
通常如果我们想要使用axios设置过期时的跳转,我们的思路是 拦截axios返回的response进行操作。如下官方文档
下面便是我再项目中的用法:
其中store和router是引入的vue-router和vuex的实例,用于在非.vue的文件中操作store和router。
然而,在过期后,不仅弹出了过期的提示,还弹出了组件中axios.post调用失败后catch中的提示。
这不是我要的,我就要简简单单弹出个过期就完了,不需要其他乱七八糟的提示。
这是什么原因呢,因为上面interceptors.response中的 MessageBox.alert弹框之后,执行了return操作,把response结果返回给了组件中的axios.post。 所以接下来的解决方案就是,我弹框后,不return了
唉,事与愿违。还是不行。和上面一样的结果,都弹出了两个框。
看来直接return result不行,那么return一个promise呢,promise中resolved(result)呢?
漂亮,和预期一样( 长舒一口气)
点击确定,跳转到登录页面。
等等,什么鬼,为什么又跳出一次? 看来是因为组件中,不仅调用一次axios.post, 而是发了好几个请求。所以每进 一次instance.interceptors.response,都会判断一下。
那我们让他弹一次不就行了。
设置个定时器,这个定时器只进入一次,后面都不会进入。
点击超时的弹框后,直接跳转到登录页面,再也没有出现超时弹框,好,完美。
至此问题解决。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 解决 virt-manager 设置不保存问题
- 如何解决容器中nginx worker process自动设置的问题
- 【已解决】阿里云RDS的mysql中安全组添加白名单设置
- 父元素设置overflow:scroll时vuedraggable组件出现奇怪效果的解决方案
- Ant Design中DatePicker设置mode="year"无法获取value及关闭面板的解决方案
- [CentOS7]redis设置开机启动,设置密码
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
深入浅出 MFC 第二版
侯俊杰 / 松岗 / 1997.05
深入浅出MFC是一本介绍 MFC(Microsoft Foundation Classes)程式设计技术的书籍。对於 Windows 应用软体的开发感到兴趣,并欲使用 Visual C++ 整合环境的视觉开发工具,以 MFC 为程式基础的人,都可以从此书获得最根本最重要的知识与实例。 如果你是一位对 Application Framework 和物件导向(Object Orien......一起来看看 《深入浅出 MFC 第二版》 这本书的介绍吧!