vue 动态增加路由

/*页面刷新,继续路由*/

// if (JSON.parse(localStorage.getItem('router'))) {

//  var newRo23 = [{

//    path: '/index',

//    name: 'Index',

//    component: (resolve) => require(['./pages/index/index'], resolve),

//    children: [

//      {

//        path: '/1-1',

//        name: 'BgmMine',

//        component: (resolve) => require(['./pages/bgm/mine/mine'], resolve)

//      },

//      {

//        path: '/1-2',

//        name: 'BgmStart',

//        component: (resolve) => require(['./pages/bgm/start/start'], resolve)

//      }

//    ]

//  }]

//  console.log(JSON.parse(localStorage.getItem('router')))

//  router.addRoutes(newRo23)

// }


这里可以做权限的管控,进行大模块的路由是否加载,防止直接通过url路径可以访问到页面。

配合路由懒加载进行优化

你可能感兴趣的:(vue 动态增加路由)