优化vue3版本路由加载异常的提示

Author: cq-panda

Vol.Vue3版本/src/router/index.js

@@ -22,39 +22,39 @@ const routes = [
       {
         path: '/home',
         name: 'home',
-        component:() => import('@/views/Home.vue')
+        component: () => import('@/views/Home.vue')
       }, {
         path: '/UserInfo',
         name: 'UserInfo',
-        component:() => import('@/views/system/UserInfo.vue')
+        component: () => import('@/views/system/UserInfo.vue')
       },
       {
         path: '/sysMenu',
         name: 'sysMenu',
-        component:() => import('@/views/system/Sys_Menu.vue')
+        component: () => import('@/views/system/Sys_Menu.vue')
       }, {
         path: '/coder',
         name: 'coder',
-        component:() => import('@/views/builder/coder.vue')
+        component: () => import('@/views/builder/coder.vue')
       }]
   },
   {
     path: '/login',
     name: 'login',
-    component:() => import('@/views/Login.vue')
+    component: () => import('@/views/Login.vue')
   },
   {
     path: '/app/guide',
     name: 'apphome',
     meta: {
       anonymous: true
     },
-    component:() => import('@/views/h5/Guide.vue'),
+    component: () => import('@/views/h5/Guide.vue'),
   },
   {
     path: '/bigdata',
     name: 'bigdata',
-    component:() => import('@/views/charts/bigdata.vue'),
+    component: () => import('@/views/charts/bigdata.vue'),
     meta: {
       keepAlive: false
     }
@@ -74,15 +74,23 @@ router.beforeEach((to, from, next) => {
   if ((to.hasOwnProperty('meta') && to.meta.anonymous) || store.getters.isLogin() || to.path == '/login') {
     return next();
   }
+
   next({ path: '/login', query: { redirect: Math.random() } });
 })
 router.afterEach((to, from) => {
   store.dispatch("onLoading", false);
 })
 router.onError((error) => {
   // const targetPath = router.currentRoute.value.matched;
-  console.log(error.message);
-  alert(error.message)
+  try {
+    console.log(error.message);
+    if (process.env.NODE_ENV == 'development') {
+      alert(error.message)
+    }
+    localStorage.setItem("route_error", error.message)
+  } catch (e) {
+
+  }
   window.location.href = '/'
 });
 export default router