添加路由守卫

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: '/',
@@ -57,3 +57,15 @@ 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