vue項目遇到的錯誤(Maximum call stack size exceeded)的解決方法！！

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
    },