Vue中如何使用全局导航守卫实现登录后跳转至未登录前的页面？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1028个文字，预计阅读时间需要5分钟。
这个场景是这样的：如果你在登录之前输入了以下内容，会出现这种情况：
http://localhost:8080/oauth2-mgm-app/
有这样一个场景：如果你在登录之前输入了localhost:8080/oauth2-mgm-app/#/userManage，想进入userManage页面，但是由于没有登录，系统是不会让你进入这个页面，之后会被定向到login页面。但是在登录之后，认为你有这个权限了，就需要重新定向到userManage页面。大致流程图如图1所示：
图1 登录后跳转到未登录前指定页面流程图
在vue-route的官方文档里其实有给到过这个demo，官方文档链接在此：router.vuejs.org/zh/guide/advanced/meta.html。
本文共计1028个文字，预计阅读时间需要5分钟。
这个场景是这样的：如果你在登录之前输入了以下内容，会出现这种情况：
http://localhost:8080/oauth2-mgm-app/
有这样一个场景：如果你在登录之前输入了localhost:8080/oauth2-mgm-app/#/userManage，想进入userManage页面，但是由于没有登录，系统是不会让你进入这个页面，之后会被定向到login页面。但是在登录之后，认为你有这个权限了，就需要重新定向到userManage页面。大致流程图如图1所示：
图1 登录后跳转到未登录前指定页面流程图
在vue-route的官方文档里其实有给到过这个demo，官方文档链接在此：router.vuejs.org/zh/guide/advanced/meta.html。