记录 vue-router访问 / 路径直接重定向到有权限的第一个菜单

场景描述

页面没有公共页面,访问/ 路径直接重定向到有权限的第一个菜单

实现思路

const routes = [
  {
    path: '/',
    component: layout,
    name:'main',
    redirect:to=>{
      if(localData){  //localData是动态路由
        //有子菜单的情况
        const child = JSON.parse(localData).menu.routerList[0].children
        if(child){
          return child[0].meta.path
        }else{
          return JSON.parse(localData).menu.routerList[0].meta.path
        }
      }else{
        return '/'
      }
    },

]