$router‘ of undefined 是什么原因？

最新推荐文章于 2024-02-17 20:18:47 发布

原创最新推荐文章于 2024-02-17 20:18:47 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

157 篇文章

订阅专栏

博客围绕后端返回token过期，前端跳转登录页时出现‘Cannot read property '$router' of undefined’报错展开，重点在于解决该报错问题，属于前端开发中常见的交互与报错处理场景。

有一个需求：
后端返回数据表示token过期，前端要跳到登录页。

if(response.data.message === 'token内容不符'){
  Toast({
    icon:'fail',
    message: '请重新登录',
    duration: 1000,
    forbidClick: true
  });
  this.$router.push('/login')
}

提示了一句“Cannot read property '$router' of undefined”

解决方法：

import router from '@/router'; 引入router

if(response.data.message === 'token内容不符'){
  Toast({
    icon:'fail',
    message: '请重新登录',
    duration: 1000,
    forbidClick: true
  });
  router.push('/login')
}