美文网首页
vue 中挂载路由导航守卫

vue 中挂载路由导航守卫

作者: 方_圆 | 来源:发表于2022-03-31 09:23 被阅读0次

/* 挂载路由导航守卫 */

router.beforeEach((to, from, next) => {

/* to是要访问的路径 */

/* from 从哪个路径跳转而来 */

/* next 表示放行 */

if (to.path === '/login') return next()

if (to.path === '/  ') return next()

    /* 获取token */

const tokenStr = window.sessionStorage.getItem('token')

console.log('tokenStrtokenStr', tokenStr)

if (!tokenStr) return next('/login')

next()

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

})

————————————————

版权声明:本文为CSDN博主「方圆尔里」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/qq_40214451/article/details/123872003

相关文章

  • vue 中挂载路由导航守卫

    /* 挂载路由导航守卫 */ router.beforeEach((to, from, next) => { /*...

  • Vue-Router 导航守卫

    导航守卫 导航表示路由正在发生改变。(变化的路由)导航守卫就是变化的路由钩子。路由钩子的意思可以理解为vue-ro...

  • vue导航守卫

    根据作用域的不同,vue导航守卫分三种:全局导航守卫、组件内部导航守卫、路由独享守卫 全局导航守卫,在main.j...

  • vue-router进阶

    导航守卫 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航(路由发生改变才会守卫)。参数 ...

  • Vue导航守卫

    Vue导航守卫 理解 导航守卫也叫路由守卫,可以实时的监控路由的跳转过程,在路由的跳转的各个过程执行相应的操作,有...

  • vue-路由导航守卫&异步组件

    导航守卫包括全局导航守卫、路由守卫、组件局部守卫 全局导航守卫 在全局导航守卫中,每次路由的跳转他们三个都会被触发...

  • 挂载路由导航守卫

  • beforeRouteEnter钩子处理页面刷新问题

    vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, ...

  • Vue - 路由守卫(路由的生命周期)

    路由守卫是什么? 官方解释:“导航”表示路由正在发生改变。正如其名,vue-router提供的导航守卫主要用来通过...

  • vue2.x导航卫士之beforeRouteEnter/befo

    引:vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的...

网友评论

      本文标题:vue 中挂载路由导航守卫

      本文链接:https://www.haomeiwen.com/subject/jjaojrtx.html