在众多的B端应用中,简单如小型企业的管理后台,还是大型的CMS,CRM系统,权限管理都是一个重中之重的需求,过往的web应用大多采取服务端模板+服务端路由的模式,权限管理自然也由服务端进行控制和过滤.但是在前后端分离的大潮下...,则进入login路由
return next('/login')
}
}
})
在设定好跳转逻辑后,我们则需要在login路由中检查是否有token并进行自动登录
// Login.vue...当页面权限足够细致时,router的配置将会变得更加庞大难以维护
每当后台更新页面权限规则时,前端的判断逻辑也要跟着改变,这就相当于前后端需要共同维护一套页面级别权限....if (data.ok) {
this[LOGIN]()
Cookie.set('vue-login-token', data.token)
// 这里调用更新...$router.push('/')
}
}
这样就实现了根据后端的返回动态扩展路由,当然也可以根据后端的返回生成侧栏或顶栏的导航菜单,这样就不需要再在前端处理页面权限了.这里还是要再提醒一下,本文的例子只实现最基本的功能