添加路由守卫

src/router/index.js

@@ -3,7 +3,7 @@ import Router from 'vue-router'
 
 Vue.use(Router)
 
-export default new Router({
+const router = new Router({
   routes: [
     {
       path: '/',
@@ -24,11 +24,11 @@ export default new Router({
       children:
         [
           {
-          path: '/monitor/account',
-          component: function(resolve){
-            require(['../views/account.vue'],resolve);
-          },
-        },{
+            path: '/monitor/account',
+            component: function(resolve){
+              require(['../views/account.vue'],resolve);
+            },
+          },{
           path: '/monitor/coinRecharge',
           component: function(resolve){
             require(['../views/coinRecharge.vue'],resolve);
@@ -52,8 +52,20 @@ export default new Router({
               },
             },
           ]
-          }
+        }
         ]
     },
   ]
 })
+
+//配置路由守卫
+router.beforeEach((to, from, next) => {//在每次涂油跳转的时候都触发一次
+
+  if (to.matched.length === 0) { // 如果未匹配到路由
+    from.name ? next({ name: from.name }) : next('/'); // 如果上级也未匹配到路由则跳转登录页面，如果上级能匹配到则转上级路由
+  } else {
+    next(); // 如果匹配到正确跳转
+  }
+});
+
+export default router