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
}
]