目录
- vue项目遇到的错误
- 分析
- 解决方法
vue项目遇到的错误
如下图，浏览器报出这个错误
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "RangeError: Maximum call stack size exceeded"found in---> at packages/dropdown/src/dropdown-menu.vue at packages/dropdown/src/dropdown.vue at src/views/layout/components/Navbar.vue at src/views/layout/Layout.vue at src/App.vue
分析
这个错误从报错信息上面看，和vue-route有关系，可能是堆栈溢出。
可是我查看了相关代码，没有发现有递归调用的代码块
最后查看了项目里面拦截器，发现拦截器如果捕获到不存在的页面跳转到/404这个页面，如下图
可是/404在路由里面没有配置 就引发了报错了！！！
解决方法
在使用路由的时候，把这个路径注册进去(PS:根据实际情况)
{ path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
