当前位置:   article > 正文

vue在请求拦截中,this.$router.push跳转报Cannot read property ‘$router‘ of undefined_this.$router.push无法跳转

this.$router.push无法跳转

场景是这样的,当用户进来时,在请求拦截中判断token/ticket(这里我们项目用的是ticket)是否过期,过期的话就跳转到登录页面。

请求拦截是这样的,红框就是我用来跳转到登录页面的

然后就报Cannot read property '$router' of undefined

网上我查到的都是说是this指向问题,但是我看我代码的方法都是用es6的箭头函数,应该不存在this指向问题,不过实在想不出为什么,我就死马当活马医,var that = this; but 还是报错Cannot read property '$router' of undefined,我打印了this和that,但结果都是undefined。

最后在这个js文件中引入router

把this.$router.push改为router.push 就能正常跳转了(vue中的this.$router 和 this.$store都是在vue组件中使用才有效,也就是.vue文件,js文件的话,需要引入才能使用,this.$store也是需要引入才能用哦)

浅记一下,下次不许犯了

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

闽ICP备14008679号