vue 页面跳转还停留在原来高度

最新推荐文章于 2024-05-22 09:46:09 发布

原创最新推荐文章于 2024-05-22 09:46:09 发布 · 1.3w 阅读

2 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了在前端应用中如何使用路由守卫进行登录验证，确保未登录用户无法访问特定页面，同时维持已登录用户的浏览体验。通过检查sessionStorage中的token来决定用户是否可以继续访问目标页面。

router.beforeEach((to, from, next) => {
  const tokenStr = window.sessionStorage.getItem('Tk_token');
  if(!tokenStr){
    if(to.path==='/user'|| to.path==='/cartShop'){
      next('/login');
    }else{
      window.scroll(0, 0);  //  <= 这个
      next();
    }  
  }else{
    window.scroll(0, 0);
    next();
  }

});