内容简介:通常如果我们想要使用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设置开机启动,设置密码
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
C程序设计语言
(美)Brian W. Kernighan、(美)Dennis M. Ritchie / 徐宝文、李志译、尤晋元审校 / 机械工业出版社 / 2004-1 / 30.00元
在计算机发展的历史上,没有哪一种程序设计语言像C语言这样应用广泛。本书原著即为C语言的设计者之一Dennis M.Ritchie和著名计算机科学家Brian W.Kernighan合著的一本介绍C语言的权威经典著作。我们现在见到的大量论述C语言程序设计的教材和专著均以此书为蓝本。原著第1版中介绍的C语言成为后来广泛使用的C语言版本——标准C的基础。人们熟知的“hello,World"程序就是由本书......一起来看看 《C程序设计语言》 这本书的介绍吧!