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)
上一篇 2022年6月15日 上午6:46
下一篇 2022年6月15日 上午6:46


相关推荐

  • netty 自定义协议_自定义annotation

    netty 自定义协议_自定义annotationNetty实现自定义协议

    2022年4月22日
    55
  • libcurl的用法

    libcurl的用法原文地址 http curl haxx se libcurl c libcurl tutorial html nbsp nbsp nbsp 译者 JGood http blog csdn net JGood nbsp nbsp nbsp nbsp 译者注 这是一篇介绍如何使用 libcurl 的入门教程 文档不是逐字逐句按原文翻译 而是根据笔者对 libcurl 的理解 参考原文写成 文中用到的一些例子 可能不是出自原文 而是笔者

    2026年3月16日
    2
  • axios实现跨域三种方法_cors跨域axios

    axios实现跨域三种方法_cors跨域axios跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。所谓同源是指,域名,协议,端口均相同,浏览器执行js脚本时,会检查这个脚本属于哪个页面,如果不是同源页面,就不会被执行。以下举例:(1)http://www.123.com/index.html调用http://www.123.com/server.php(非跨域)(2)…

    2025年10月30日
    4
  • html制作进销存,手把手教你定制属于自己的进销存软件

    html制作进销存,手把手教你定制属于自己的进销存软件接着上一步的继续来更新,上一步设置了入库单和出库单的选择录入问题下面来说一下入库单和出库单的数据保存转移问题在入库单和出库单分别插入两个按钮,然后再模块里写入一下代码Sub入库单录入()a=Sheet3.Range(“a65536”).End(xlUp).RowIfSheet3.Range(“b2”)=””ThenMsgBox”请选择录入供应商名称!”ExitSubEndI…

    2022年5月31日
    45
  • 百度“养龙虾”,开启AI新牌局

    百度“养龙虾”,开启AI新牌局

    2026年3月14日
    2
  • 前端js遍历map获取key与value

    前端js遍历map获取key与value前端 js 获取 map 集合的 key 与 value 值 value map key 例如 varmap aaa 10 bbb 20 ccc 30 for varkeyinmap console log key map key 输出的是 aaa 10bbb 20ccc 30

    2026年3月26日
    1

发表回复

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

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