index.js

import Vue from 'vue'
import Router from 'vue-router'
import Cookies from 'js-cookie'
import store from '@/store/index.js'

Vue.use(Router);

let routes = new Router({
    linkActiveClass: 'active',
    mode: 'history',
    routes: [{
        path: '/list',
        name: 'list',
        meta: {
            requiresAuth: true
        },
        component: () =>
            import ( /* webpackChunkName: "list" */ '@/page/list/list.vue')
    }, {
        path: '/edit/:id',
        name: 'edit',
        meta: {
            requiresAuth: true
        },
        component: () =>
            import ( /* webpackChunkName: "edit" */ '@/page/edit/edit.vue')
    }, {
        path: '/detail/:id',
        name: 'detail',
        meta: {
            requiresAuth: true
        },
        component: () =>
            import ( /* webpackChunkName: "detail" */ '@/page/detail/detail.vue')
    }, {
        path: '/login',
        name: 'login',
        component: () =>
            import ( /* webpackChunkName: "login" */ '@/page/login/login.vue')
    }]
});

routes.beforeEach((to, from, next) => {
    let token = Cookies('username');
    if (!to.name) {
        next({
            name: 'list'
        });
    } else if (to.name == 'login') {
        if (!token || !store.state.auth.username) {
            next();
        } else {
            next({
                name: 'list'
            });
        }
    } else if (to.params.status == 2 || (to.matched.some(record => record.meta.requiresAuth) && (!token || token === null))) {
        next({
            path: '/login'
        });
    } else {
        next();
    }
});

export default routes