404 页面

src/components/CMenu.vue

@@ -225,6 +225,8 @@
       return {
         menus: menuConfig
       }
+    },
+    created() {
     }
   }
 </script>

src/config/menu.js

@@ -18,7 +18,12 @@ export default [
         name: '统计视图',
         path: '/home/matebase',
         icon: 'eye-open'
+      }, {
+        name: '统计视图2',
+        path: '/home/test',
+        icon: 'eye-open'
       }
+
     ]
   }
 ]

src/config/routes.js

@@ -25,7 +25,7 @@ export default [
       {
         path: 'channels',
         component: resolve => require(['../modules/channels/'], resolve),
-        meta: {auth: true, icon: 'form'},
+        meta: {auth: true},
       },
       {
         path: 'report',
@@ -37,11 +37,16 @@ export default [
         meta: {auth: true},
         component: resolve => require(['../modules/matebase/'], resolve)
       },
+      {
+        path: '*',
+        meta: {auth: false},
+        component: resolve => require(['../modules/404/'], resolve)
+      }
     ]
   },
   {
     path: '*',
     meta: {auth: false},
-    component: resolve => require(['../modules/login/'], resolve)
+    component: resolve => require(['../modules/404/'], resolve)
   },
 ]

src/main.js

@@ -24,12 +24,14 @@ router.beforeEach(({meta, path}, from, next) => {
   let {auth = true} = meta
   let isLogin = Boolean(store.state.login.tokens != '') //true用户已登录， false用户未登录
 
+
+  console.log(routes)
+
   if (auth && !isLogin && path !== '/login') {
     return next({path: '/login'})
   }
 
   if (isLogin && (path == '/login' || path == '/')) { //已登录过，则跳转到主页
-    console.log("isLogin token" + store.state.login.tokens)
     // store.dispatch('GetInfo')
     return next({path: '/home/channels'})
   }

src/modules/404/index.vue

+
+<style>
+
+  .m404{
+    font-size: 30px;
+    margin-left: 33%;
+    margin-top: 6%;
+    color: #bababe;
+  }
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    overflow: hidden;
+  }
+  .pic-404__parent {
+     width: 100%;
+   }
+</style>
+
+<template>
+  <div class="pic-404">
+    <img class="pic-404__parent" src="../../assets/404_images/404.png" alt="404">
+    <img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404">
+    <img class="pic-404__child mid" src="../../assets/404_images/404_cloud.png" alt="404">
+    <img class="pic-404__child right" src="../../assets/404_images/404_cloud.png" alt="404">
+    <div class="m404">
+      <p>你是不是迷路了~~~ <a href="/" class="bullshit__return-home">返回首页</a></p>
+<!--      <a href="/" class="bullshit__return-home">返回首页</a>-->
+    </div>
+  </div>
+</template>

src/modules/code-splitting-demo/index.js

@@ -10,10 +10,10 @@ export default {
    * @结果：此处module-a.js,module-b.js,module-c.js将被打包到一个独立的chunk中。可以通过 npm run build查看打包结果。
    */
   start(){
-    console.log('webpack2 code splitting demo(Using require.ensure) start...')
+    // console.log('webpack2 code splitting demo(Using require.ensure) start...')
     require.ensure(['./module-a', './module-b'], function (require) {
-      require('./module-c')
-      console.log('webpack2 code splitting demo(Using require.ensure) end!')
+      // require('./module-c')
+      // console.log('webpack2 code splitting demo(Using require.ensure) end!')
     });
   }
 }