vue 地址栏手动输入权限范围外的路由如何处理 beforeEach跳转路由验证

      项目中导航是根据登录人的角色不同，后台返回的菜单导航数据也不同来生成的。假如A角色有userManagement、roleManagement、tagManagement三个权限的路由，B角色有roleManagement、tagManagement两个角色的路由，正常情况下B角色进入网站是看不到userManagement这个页面的，但是如果B角色手动在地址栏输入，如下图所示，还是可以访问userManagement页面。

这个时候就用到了router的beforeEach钩子函数。

beforeEach函数有三个参数：

• to:router即将进入的路由对象
• from:当前导航即将离开的路由
• next:Function,进行管道中的一个钩子

我们可以在main.js里这样写（红框内是定义的全部路由）：

var menuData1 =JSON.parse(localStorage.getItem("menuData"));//menuData是该用户所有导航菜单数据

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

let isExist =