feat(router): guard for detecting login state

src/router/guards.ts

@@ -0,0 +1,14 @@
+import { NavigationGuard } from 'vue-router'
+import store from '@/store'
+
+const WHITE_LIST = ['Login']
+
+export const onLogin: NavigationGuard = function(to, from, next) {
+  if (store.getters['user/hasLogin'] || WHITE_LIST.includes(to.name || '')) {
+    return next()
+  }
+  return next({
+    name: 'Login',
+    replace: true
+  })
+}

src/router/index.ts

@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
+import { onLogin } from './guards'
 
 Vue.use(VueRouter)
 
@@ -12,13 +13,13 @@ export const routes = [
   },
   {
     path: '/#',
-    name: '/#',
+    name: 'Login',
     component: () =>
       import(/* webpackChunkName: 'login' */ '../views/#/index.vue')
   },
   {
     path: '/forbidden',
-    name: 'ErrorForbidden',
+    name: 'ForbiddenError',
     component: () =>
       import(
         /* webpackChunkName: 'error-forbidden' */ '../views/Error/index.vue'
@@ -30,7 +31,7 @@ export const routes = [
   },
   {
     path: '*',
-    name: 'ErrorNotFound',
+    name: 'NotFoundError',
     component: () =>
       import(
         /* webpackChunkName: 'error-not-found' */ '../views/Error/index.vue'
@@ -47,4 +48,6 @@ const router = new VueRouter({
   routes
 })
 
+router.beforeEach(onLogin)
+
 export default router

src/shared/utils.ts

@@ -1,3 +1,5 @@
+export const errorLog = console.error
+
 export function isDef<T>(val: T): val is NonNullable<T> {
   return val !== null && val !== undefined
 }