新增 路由守卫

src/main.js

@@ -12,3 +12,19 @@ new Vue({
   router,
   render: h => h(App)
 });
+
+router.beforeEach(function(to, from, next) {
+  console.log(to);
+  if (to.meta.auth) {
+    const token = localStorage.getItem("token");
+    if (token) {
+      // 要访问后台主页，需要判断是否有 token
+      next();
+    } else {
+      // 没有登录，强制跳转到登录页
+      next({ path: "/" });
+    }
+  } else {
+    next();
+  }
+});

src/router/index.js

@@ -11,17 +11,26 @@ export default new Router({
     {
       path: "/",
       name: "Welcome",
-      component: Welcome
+      component: Welcome,
+      meta: {
+        auth: false
+      }
     },
     {
       path: "/register",
       name: "Register",
-      component: Register
+      component: Register,
+      meta: {
+        auth: true
+      }
     },
     {
       path: "/success",
       name: "Success",
-      component: Success
+      component: Success,
+      meta: {
+        auth: true
+      }
     }
   ]
 });