zoukankan      html  css  js  c++  java
  • vue 动态路由配置

    router.beforeEach((to, from, next) => {
    if (localStorage.getItem("userRole") !== 'operator') {
    if (router.options.routes.length < 14) {
    let auditRoute = {
    path: '/audit',
    component: Layout,
    name: 'Audit',
    children: [
    {
    path: 'index',
    name: 'AuditIndex',
    component: () => import('./views/audit/index'),
    meta: {title: '内容审核', icon: 'eye'}
    },
    {
    path: 'detail/:type/:id',
    name: 'AuditDetail',
    component: () => import('./views/audit/detail/index'),
    meta: { title: '内容详情' },
    hidden: true
    }
    ]
    };

    router.options.routes.push(auditRoute);
    router.options.routes.push({ path: '*', redirect: '/404', hidden: true });

    let lastRoutes = [];
    lastRoutes.push(auditRoute);
    lastRoutes.push({ path: '*', redirect: '/404', hidden: true });
    router.addRoutes(lastRoutes);
    }
    checkToken();

    if(!to.name && to.path){
    next({path:to.path})
    }else{
    next()
    }
    } else {
    if (router.options.routes.length !== 12) {
    router.options.routes.pop();
    router.options.routes.pop();
    router.options.routes.push({ path: '*', redirect: '/404', hidden: true });

    let lastRoutes = [];
    lastRoutes.push({path: '*', redirect: '/404', hidden: true });
    router.addRoutes(lastRoutes);
    }
    checkToken();
    next()
    }
    });
  • 相关阅读:
    activeMQ
    读写xml
    PLSQL
    oracle语法
    cxf远程调用服务
    FastDFS在linux下的安装和整合nginx实现上传图片和url访问
    dubbo和zookeeper的应用
    solr和Lucene的配置方式和应用
    win10 下安装 MongoDB 数据库支持模块(python)
    nodeJs 对 Mysql 数据库的 curd
  • 原文地址:https://www.cnblogs.com/lovemiao/p/9927197.html
Copyright © 2011-2022 走看看