动态路由的实现原理（权限）

src/router/index

// 路由拦截 在url地址跳转之前执行
router.beforeEach((to, from, next) &＃61;> {// 动态生成路由数据addData()next()
})
function addData() {getNavData().then(res &＃61;> {if(res.code &＃61;&＃61;&＃61; 200) {// 获取数据&＃xff0c;拼接数据let data &＃61; routesData(res.result)// 动态添加 addRoutes()router.addRoutes(data)}})
}
function routesData(result) {const routes &＃61; []// 根据数据动态生成路由result.forEach(item &＃61;> {routes.push({path: item.path,name: item.name,meta: {title: item.title},component: () &＃61;> import(&＃39;../views/rightMain/con/&＃39; &＃43; item.component)})})return routes
}