vue路由守卫
2020-07-14 05:25
232 查看
在 index.js中
//挂载路由导航守卫 router.beforeEach((to,from,next)=>{ // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数,表示放行 // next() 放行 next('login')强制跳转 if(to.path=='/login') return next(); //如果是登录页面 直接放行 //获取登录时存储的token const tokenStr=window.sessionStorage.getItem('token') if(!tokenStr) return next('/login') //判断是否有存储的token,没有强制跳转到登录页面 next() //否则放行 })
相关文章推荐
- Vue的路由动态重定向和导航守卫
- 路由导航全局前置守卫router.beforeEach在vue中的运用
- vue路由守卫(全局守卫)
- 设置路由导航守卫(router.beforeEach报错 vue-router.esm.js?8c4f:2117 RangeError: Maximum call stack size exceed
- vue 路由介绍新手入门到高级篇-路由跳转的几种形式,子路由,以及路由守卫
- vue-router的路由守卫
- vue2.0 实现导航守卫(路由守卫)
- vue 路由安全守卫
- Vue-路由/守卫
- vue-router 实现导航守卫(路由卫士)的实例代码
- vue项目路由配置(前置导航守卫+白名单)
- [问题探讨]VUE导航守卫beforeRouteLeave实现路由跳转拦截
- vue路由守卫及路由守卫无限循环问题详析
- 用 vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)
- vue路由导航守卫和请求拦截以及基于node的token认证的方法
- Vue路由守卫之路由独享守卫
- react router @4 和 vue路由 详解(七)react路由守卫
- 带你轻松了解使用Vue路由导航守卫的方法
- vue 利用路由守卫判断是否登录
- 详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)