当前位置:网站首页 > Vue.js开发 > 正文

VUE根据token,路由判断用户登录状态并跳转登录页

router.beforeEach((to, from, next) => { var token = library.getData("userName"); //如果没登录,都导向登录页 if (!token) { if (to.path !== '/Login') { next({ path: '/Login' }) } else { next(); } } else { next(); } }) / * 跳转登陆页面强制刷新,相当于F5 */ router.afterEach((to,from)=>{ if(from.path != '/Login' && from.path != '/' && to.path == '/Login'){ window.location.reload(); } })

 

到此这篇VUE根据token,路由判断用户登录状态并跳转登录页的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue路由切换报错message: "Navigating to current location (XXX) is not allowed"的解决方案2024-11-28 22:09:09
  • VUE报错because it violates the following Content Security Policy directive2024-11-28 22:09:09
  • VUE实现延时请求接口2024-11-28 22:09:09
  • VUE控制台报错: [vue-router] Duplicate named routes definition: { name: "NotFound", path: "*" }2024-11-28 22:09:09
  • vue动态路由:路由参数改变,视图不更新问题的解决2024-11-28 22:09:09
  • VUE-axios统一增加请求头并根据接口返回的状态码判断用户登录状态并跳转登录页2024-11-28 22:09:09
  • VUE项目启动后特定接口只调用一次2024-11-28 22:09:09
  • vue 判断页面是首次进入还是再次刷新2024-11-28 22:09:09
  • Vue-Axios用delete请求传formData2024-11-28 22:09:09
  • vue递归组件实现多级列表2024-11-28 22:09:09
  • 全屏图片