404页面调整

src/router.js

@@ -49,26 +49,29 @@ let router = new Router({
     {
       path: "*",
       name: "404",
-      component: NotFound
+      component: NotFound,
+      meta: {
+        noRequire: true
+      }
     }
   ]
 });
 
 // route interceptor
-// router.beforeEach((to, from, next) => {
-//   const token = Vue.ls.get("token");
-//   if (to.meta.noRequire) {
-//     next();
-//   } else {
-//     // 需要登录的路由
-//     if (token) {
-//       next();
-//     } else {
-//       // 登录失效的处理
-//       Vue.ls.clear();
-//       next({ name: "Login" });
-//     }
-//   }
-// });
+router.beforeEach((to, from, next) => {
+  const token = Vue.ls.get("token");
+  if (to.meta.noRequire) {
+    next();
+  } else {
+    // 需要登录的路由
+    if (token) {
+      next();
+    } else {
+      // 登录失效的处理
+      Vue.ls.clear();
+      next({ name: "Login" });
+    }
+  }
+});
 
 export default router;

src/views/404.vue

@@ -3,12 +3,12 @@
     <div class="login-box not-found-content">
       <h1>404</h1>
       <p>非常抱歉，您访问的页面不存在！</p>
-      <el-button
+      <!-- <el-button
         type="primary"
-        icon="icon icon-arrow-right"
+        icon="el-icon-arrow-left"
         @click="$router.replace({ name: 'Home' })"
         >返回首页</el-button
-      >
+      > -->
     </div>
   </div>
 </template>
@@ -25,7 +25,9 @@ export default {
 
 <style lang="scss" scoped>
 .not-found-content {
-  color: #fff;
+  color: #000;
+  text-align: center;
+  padding-top: 100px;
   h1 {
     font-size: 150px;
     line-height: 1;