vue简单的权限控制

import router from './index'
import asyncRoutes from './async'
import syncRoutes from './sync'
import store from './../store/index'
import {get_auths} from 'API'

var auths = [];//保存用户的权限
router.beforeEach(async (to, from, next) => {
    console.log('路由执行了');
    if (to.path == '/login' || auths != '') {
        next();
    } else if (store.state.user == '') {
        next('/login')
    } else {
        // 加载权限
        auths = await get_auths();
        // 找到父级目录
        var routes = [];//最终路由
        // 生成动态路由表，根据自己的实际情况组装即可
        //routes=....;
        console.log(routes);
        // 保存一下，给菜单用
        store.commit('set_routes', routes);
        routes = routes.concat(syncRoutes);
        router.addRoutes([{
            path: '/',
            redirect: '/home',
            component: () => import('@/components/common/Home.vue'),
            meta: { title: '首页' },
            children: routes
        }]);
        // console.log(to.path);
        next({ ...to, replace: true })
    }
    document.title = `${to.meta.title || ''} | 系统管理后台`;
})