vue 路由跳转RangeError: Maximum call stack size exceeded

在Vue路由跳转时，如果出现"RangeError: Maximum call stack size exceeded"错误，通常是由于路由配置或路由导航守卫中的无限循环导致的。这种错误通常发生在以下情况下：

1. 路由配置中的循环引用：检查你的路由配置文件，确保没有出现循环引用的情况。例如，A页面跳转到B页面，B页面又跳转回A页面。

2. 路由导航守卫中的无限循环：检查你的路由导航守卫（beforeEach、beforeRouteEnter等），确保没有出现无限循环的情况。例如，在beforeEach中无限次地调用next()。

解决这个问题的方法是：

1. 检查路由配置文件，确保没有出现循环引用的情况。

2. 检查路由导航守卫，确保没有出现无限循环的情况。

3. 如果以上方法都没有解决问题，可以尝试使用Vue开发者工具进行调试，查看路由跳转的具体过程，以便找到问题所在。

范例：<<引用：router/index.js, router.beforeEach((to, from, next) => { if (to.path === '/login') { next(); } else { if (!localStorage.getItem('token')) { next('/login'); } else { next(); } }})。引用：router/index.js, router.beforeEach((to, from, next) => { if (to.path === '/login') { next(); } else { if (!localStorage.getItem('token')) { next('/login'); } else { next(); } }})。
以下是两种可能导致"RangeError: Maximum call stack size exceeded"错误的示例：
1. 路由配置中的循环引用

    // router/index.js
    const routes = [
      {
        path: '/a',
        component: A,
        children: [
          {
            path: '/b',
            component: B
          }
        ]
      },
      {
        path: '/b',
        component: B,
        children: [
          {
            path: '/a',
            component: A
          }
        ]
      }
    ]

2. 路由导航守卫中的无限循环

    // router/index.js
    router.beforeEach((to, from, next) => {
      if (to.path === '/login') {
        next();
      } else {
        if (!localStorage.getItem('token')) {
          next('/login');        } else {
          next();
        }
      }
    })