)
click绑定登录按钮,当点击按钮,提交账号密码,登录成功之后 , 在这里推荐是用第三方登录平台不重定向到首页,
this.showDialog = true //弹出选择第三方平台的dialog,...重定向跳转到首页,
否则先判断当前用户是否已拉取完user_info信息if(store.getters.roles.length === 0),
如果是,那么user_info拉取infostore.dispatch...,说明所有可访问路由已生成 ,
如果没权限的页面会自动进入404页面
如果页面没有token时,
如果在页面登入的白名单中,就直接进入if(whiteList.indexOf(to.path) !...== -1){next()},
否则全部重定向到登入页面
下面是store/permission.js
这里就是干一件是,通过用户权限和之前在router.js里面asyncRouterMap的每一个页面所需要的权限做匹配...而且我觉得其实前端真正需要按钮级别判断的地方不是很多,如果一个页面有很多种不同权限的按钮,我觉得更多的应该是考虑产品层面是否设计合理。