vue2 路由守卫讲解。

const white_list = ['/404', '/login']   定义的白名单。

白名单:白名单的意思就是没有token也可以访问的页面,如果用户访问白名单中的两个页面就让用户访问。

// 前置导航守卫 主要作用在于当用户登录的时候,有没有携带token,如何没有token拦截。返回登录页。

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

三个参数分别什么意思

to:要跳转的页面路由

from:当前路由

next:  意思是放行让跳转   写法  next('路径')   比如  next('/login')

})

// 后置导航守卫 主要作用在于用户登录成功后是否要加一些提高用户体验的东西。比如进度条等。

router.afterEach(() => {

        

})

相关推荐

  1. vue2 守卫讲解

    2024-01-22 11:50:02       53 阅读
  2. vue - 守卫

    2024-01-22 11:50:02       32 阅读
  3. Vue守卫笔记

    2024-01-22 11:50:02       58 阅读
  4. vue-router(守卫)

    2024-01-22 11:50:02       37 阅读
  5. Vue router(守卫)

    2024-01-22 11:50:02       28 阅读
  6. vue2 组件内守卫使用

    2024-01-22 11:50:02       57 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-22 11:50:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-22 11:50:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-22 11:50:02       82 阅读
  4. Python语言-面向对象

    2024-01-22 11:50:02       91 阅读

热门阅读

  1. c++设计模式之单例模式

    2024-01-22 11:50:02       46 阅读
  2. linux开机自启动方法

    2024-01-22 11:50:02       43 阅读
  3. GraphicsMagick 的 OpenCL 开发记录(十一)

    2024-01-22 11:50:02       45 阅读
  4. C# 实现 凯撒密码

    2024-01-22 11:50:02       44 阅读
  5. leetcode - 907. Sum of Subarray Minimums

    2024-01-22 11:50:02       52 阅读
  6. 点灯大师(STM32)

    2024-01-22 11:50:02       47 阅读
  7. Redis部署

    2024-01-22 11:50:02       54 阅读
  8. [go] 状态模式

    2024-01-22 11:50:02       49 阅读