vue 路由跳转登录,没有指定路由跳转404

原创 taoserking 随笔 Vue.js 学习笔记 238阅读 2018-03-22 11:12:14 举报

项目中,经常会遇到有的页面需要一定的权限才能访问
例如 有的页面需要登录才能访问 有的页面游客就可以访问

还有一种情况就是
如果用户自己输入一些不存在的路由,或出现空白页面,
体验很不好,我希望的是 可以跳转到一个404页面
然后有一个按钮让用户返回主页

代码如下

在router/index.js添加如下配置

在需要登录权限的路由添加 meta: {requiresAuth:true}
这里面的requiresAuth 可以随便定义,和router钩子里面的参数保持一致即可

登录页登录成功后
添加如下判断

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复