token失效登录后跳转到之前页面

最新推荐文章于 2023-12-20 15:41:07 发布

原创最新推荐文章于 2023-12-20 15:41:07 发布 · 1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端

收录于

笔记专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种在未登录状态下返回登录页并能记录当前页面路径的方法。通过在登录后能够重新跳转到之前的页面，提升了用户体验。具体实现是利用了路由守卫功能。

打开页面长期没有使用，再次使用或者刷新就会返回登录页的情况，对于登录后，希望能够返跳转到之前的页面，只需要做一个重定向就行。

router.beforeEach(async to => {
      // 未登录，进入到登录页
      return {
        path: '/login',
        replace: true,
        // 登录后跳转到之前页面，如不需要，直接删除 query 即可
        query: { redirect: encodeURIComponent(to.fullPath) },
      };
});