导航守卫重定向报错

大家好,我做了一个简单的登录功能,主要逻辑是:

  1. 前端发送用户名和密码给后端接口
  2. 后端返回登录状态码和jwt token,token主要有用户名和过期时间信息
  3. 前端将token保存到localStorage和vuex中,前端可以通过解析token判断其是否正确,错误的话将vuex中的token改为空值

我做了一个全局的前置守卫:


现在的情况是:如果token是正确的,程序可以正确路由且不会报错,如果token是错误的(比如输入错误的账号和密码)时,路由也是保持在’/login’页面,但后台后报一个错误:Error: Redirected from “/login” to “/index” via a navigation guard.

这个错误的原因是什么,需要怎么才能消除这个报错呢?

希望大佬们帮忙解答。谢谢啦~~~

image

用谷歌帮你搜到了答案,记得勾选已解决

感谢大佬,vue-router升级到3.3.1解决了这个问题