beforeEach

beforeEach首先store就是一个存放在全局的状态我这里的store里面存储的是登陆的信息跟状态beforeEach接收的参数是一个回调函数函数里面的参数有to,from,next每次路由跳转都会进来这个函数例如我从A->B那么这里to就是Bfrom就是Afrom->to这里的判断就是如果是登录的,你前往的页面是登录页,则给你跳回Home页(因为…

大家好,又见面了,我是你们的朋友全栈君。

在这里插入图片描述

  • 全局导航钩子:router.beforeEach(to,from,next)
  • 作用:跳转前进行判断拦截。
  • 首先 store 就是一个存放在全局的状态
  • 我这里的 store 里面存储的是登陆的信息跟状态
  • beforeEach接收的参数是一个回调函数
  • 函数里面的参数有 to, from ,next
  • 每次路由跳转都会进来这个函数
  • 例如我从 A -> B 那么这里 to就是B from就是A
  • from -> to这里的判断就是
  • 如果是登录的,你前往的页面是登录页,则给你跳回Home页 (因为没必要再登录一次)
  • 如果你不是登录的,你前往的页面不是登录页,则给你跳回登录页 (不登录不能进去Home查看信息)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/147717.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Hook 技术简介

    Hook 技术简介#include”Windows.h”#include”tchar.h”#include”resource.h”HINSTANCEg_hInstance;staticHHOOKhHook=NULL;INT_PTRCALLBACKProcWinMain(HWNDhWnd,UINTMsg,WPARAMwParam,LPARAMlParam);LR

    2022年5月26日
    62
  • python-列表基本操作

    python-列表基本操作本文讲解python列表的常用操作:1.list函数,可以将任何序列作为list的参数names=['lilei','tom','mackle',&

    2022年7月5日
    24
  • Scrapy组件之item

    item设置item是保存爬取到的数据的容器,其使用方式和字典类似,并且提供了额外保护机制来避免拼写错误导致的未定义字段错误,定义类型为scrapy.Field的类属性来定义一个item,可以根据自

    2021年12月19日
    55
  • EVE-NG模拟器教程(二)——模拟器安装

    EVE-NG模拟器教程(二)——模拟器安装上一篇文章已经介绍了如何获取EVS-NG模拟器安装包,同时我们知道EVS-NG提供两种类型的安装包,一种是OVF包,另一种是ISO镜像文件,我们可以根据不同需要选择不同类型的安装包,这里我们已经把最新的两种类型的安装包都准备好了,如下,EVE-COMM-VM-112为OVF包,EVE-20171007为ISO镜像文件:接下来就分别介绍一下这两种类型安装包的使用场景和使用方法。一、通过OVF包安装EVS-NG模拟器…

    2022年5月29日
    43
  • 会话Cookie中的IDOR导致批量帐户泄露

    会话Cookie中的IDOR导致批量帐户泄露如果你熟悉IDOR是什么,你将知道它可以在url,请求正文,GET或POST请求等任何地方,也可以在cookie中。当我注意到Cookie中有一个被称为shoppingID会话Cookie的事件时,In试图重现CSRF问题。在仔细查看了cookie的价值之后,我意识到一些很快引起我注意的事情:shoppingID=88ea39539e74fa67c09a4fc0bc8ebe6d00978392PEr9ySESSIONID3552522PXGLkC;你注意到了吗?如果没有,请不要再继续查看。如果你

    2022年5月1日
    41
  • oncontextmenu 事件

    oncontextmenu 事件用户点击鼠标右键时触发并打开上下文菜单禁用:document.oncontextmenu=function(){   returnfalse;}编辑自定义右键打开菜单document.oncontextmenu=function(){   returnfalse; } document.body.addEventListener(‘mousedown’…

    2022年10月16日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号