vue 页面的权限如何控制？

Question

1.我需要让用户由A页面->B页面->C页面。（有可能C页面需要来至B页面的数据）2.如果用户输入C页面的地址。我如何控制让用户不能输入？或者说是如何处理避免用户输入C页面？

Answer 1

代码实现GitHub:vue动态路由权限管理思路用户登录成后，把用户信息保存至localStorage和vuex，用addRutes动态添加路由。然后用localStorage和vuex相结合，解决用户刷新路由无效问题用户登录↓-成功↓-把用户信息保存至vuex-把用户信息保存至localStorage-用addRutes动态添加路由并跳转至首页↓-失败↓-继续登录拦截路由变化↓-判断vuex中是否有用户信息↓-有用户信息↓-验证token↓-token验证通过↓-跳转路由↓-token验证不通过↓-跳转登录页面↓-没有用户信息↓-判断localStorage中是否有用户信息↓-有用户信息↓-验证token↓-token验证通过↓-获取localStorage用户信息↓-设置vuex中的用户信息↓-重新设置用户路由↓-token验证不通过↓-跳转登录页面↓-没有用户信息↓-跳转登录

Answer 2

可以直接在路由里面可以配置，在/taskmanger里面有三个子页面，在地址栏输入时子页面地址时，就会自动跳转到/taskmanger总页面，就是用redirect：比如：{path:'/taskmanger',redirect:'/taskmanger/strategy'},{path:'/taskmanger',component:taskmanger,children:[{path:'strategy',component:strategy},{path:'manger',component:manger},{path:'history',component:history}]