用户鉴权 --- 未完成

用户鉴权

通常后台管理系统中,不同权限的用户登陆后所展示的菜单是不同的,这种时候的路由就需要动态路由来实现.

 

一般而言,可以在全局路由前置守卫中发起请求,当判定登陆成功时候,在成功的回调中请求路由;

 

 

 

router.beforeEach((to, from, next) => {

　　var pageRouters = [];        //存放路由的数组

　　if(登陆成功){

　　　　axios({

　　　　　　url:url,

　　　　　　method:"GET"

　　　　}).then(data)=>{

　　　　　　let item = 处理好的data数据,　

　　　　　　pageRouters.forEach((item)=>{　　　　//将item数组中存放的路由对象遍历添加到路由规则中

　　　　　　this.$router.options.routes.push(item);    // 将请求的路由先存放到options对象中
　　　　　　}
　　　　　　this.$router.addRoutes(pageRouters);

　　　　　　next()

　　　　}　

　　}

}

　　// 最简单的实现首次登陆请求并动态添加路由,实际开发需要判定全局路由,权限路由等,  使用concat 将多个路由规则拼接为新的路由