first commit

历届学生/王凯/XiaoShuo/xiaoshuo-fontend/src/router/index.js

@@ -0,0 +1,141 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+import homeComponents from '~/components/view/index'
+import childrenPageComponents from '~/components/view/index/children.vue'
+
+// 分类关于
+import classComponents from '~/components/view/class'
+import aboutComponents from '~/components/view/about'
+//书架
+import likeComponents from '~/components/view/like'
+
+// 登录注册
+import LoginComponents from '~/components/view/user/login'
+import RegComponents from '~/components/view/user/reg'
+
+// 小说详情+阅读
+import InfoComponents from '~/components/view/info/'
+import ReadComponents from "~/components/view/info/read";
+
+
+Vue.use(Router)
+
+const router = new Router({
+  routes: [
+    // 当访问根路径时候跳转到index页面，为了解决ydui yd-tabbar :exact="false" 导致的书架
+    // 激活类去除不掉 的问题
+    // 文档参考: https://router.vuejs.org/zh/api/#exact
+    {
+      path: '/',
+      redirect: { 
+        path: '/like'
+      }
+    },
+    {
+      path: '/like',
+      name: 'like',
+      component: likeComponents,
+      meta: {
+        isLogin: true,
+        title: '书架'
+      }
+    },
+    {
+      path: '/home',
+      name: 'home',
+      component: homeComponents,
+      redirect: { 
+        path: 'home/info/1'
+      },
+      children: [
+        {
+          path: 'info/:id',
+          name: 'indexInfo',
+          component: childrenPageComponents,
+          meta: {
+            isLogin: false,
+            title: '书城'
+          }
+        }
+      ]
+    },
+    {
+      path: '/class',
+      name: 'class',
+      component: classComponents,
+      meta: {
+        isLogin: false,
+        title: '分类'
+      }
+    },
+    {
+      path: '/about',
+      name: 'about',
+      component: aboutComponents,
+      meta: {
+        isLogin: true,
+        title: '我的'
+      }
+    },
+    {
+      path: '/login',
+      name: 'login',
+      component: LoginComponents,
+      meta: {
+        isLogin: false,
+        title: '登录'
+      }
+    },
+    {
+      path: '/userReg',
+      name: 'userReg',
+      component: RegComponents,
+      meta: {
+        isLogin: false,
+        title: '注册'
+      }
+    },
+    {
+      path: '/info',
+      name: 'info',
+      component: InfoComponents,
+      meta: {
+        isLogin: false,
+        title: '详情'
+      }
+    },
+    {
+      path: '/read',
+      name: 'read',
+      component: ReadComponents,
+      meta: {
+        isLogin: false,
+        title: '阅读'
+      }
+    }
+  ]
+})
+
+/**
+ * 全局导航守卫
+ */
+router.beforeEach((to, from, next) => {
+  document.title = to.meta.title
+  if(to.meta.isLogin) {
+    if(localStorage.getItem("loginStatus") == null) {
+      next({ 
+        path: '/login',
+        query: { 
+          redirect: to.name 
+        } 
+      })
+    } else {
+      next()
+    }
+  }else {
+    next()
+  }
+})
+
+export default router