Vue.js 超出最大调用堆栈大小 Vue路由

我正在判断jwt令牌是否在我的route guard中过期.但它是在无限循环中运行的.我不明白为什么它不起作用.以下是我的代码:

路由守卫

const parseJwt = (token) => {
    const base64Url = token.split('.')[1]
    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')
    const jsonPayload = decodeURIComponent(Buffer.from(base64, 'base64').toString('ascii').split('')
      .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)).join(''))

    return JSON.parse(jsonPayload)
  }

  Router.beforeEach((to, from, next) => {
    if (to.matched.some(record => record.meta.requiresAuth)) {
      // need to login
      if (localStorage.getItem('token') === null) {
        next({
          path: '/login',
          params: { nextUrl: to.fullPath }
        })
      } else if (localStorage.getItem('token') && (parseJwt(localStorage.getItem('token')).exp < Date.now() / 1000)) {
        console.log('token expired')
        next({
          path: '/login',
          params: { nextUrl: to.fullPath }
        })
      } else {
        next()
      }
    } else {
      if (localStorage.getItem('token') && to.name === 'Login') {
        return next({ path: '/' })
      }
      return next()
    }
  })

在我的路由中，只有登录名需要验证为true.js.

{
    path: '/login',
    name: 'Login',
    component: () => import('pages/auth/Login.vue'),
    meta: { requiresAuth: false }
  }

我无法理解这部分代码正在返回无限循环:

next({
          path: '/login',
          params: { nextUrl: to.fullPath }
        })

非常感谢您的帮助.

非常感谢.