首页 > 其他分享 >路由守卫

路由守卫

时间:2022-10-12 11:14:11浏览次数:45  
标签:触发 登录 next 守卫 跳转 路由

vue中路由守卫一共有三种,一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫。

全局路由守卫:

beforeEach 前置守卫

affterEach 后置守卫

beforeResolve 解析守卫

路由的守卫

beforeRouterEnter 进入组件之前触发,在Created前面

beforeRouterUpdated 路由更新但是内容不会改变

beforeRouterLeave 离开之前触发,在beforeDestory之前触发

路由独享守卫

beforeEnter 读取路由的信息

三.to ,next ,from

1.to 表示要去哪里

2.from  表示从哪里来

3.next  表示是否方向

判断是否登录,是否拿到对应的路由权限等等。

比如说,当点击商城的购物车的时候,需要判断一下是否登录,如果没有登录,就跳转到登录页面,如果登陆了,就跳转到购物车页面。

标签:触发,登录,next,守卫,跳转,路由
From: https://www.cnblogs.com/qiaomunan/p/16783790.html

相关文章

  • React SPA 应用 hash 路由如何使用锚点
    1、scrollIntoViewscrollIntoView方法可以让当前的元素滚动到浏览器窗口的可视区域内。它的使用方法如下:varelement=document.getElementById("box");element.scro......
  • nginx配置——根据路由参数来设置对应响应方式
      location/{set$is_matched0;#是否有匹配的参数#正则判断url中携带的参数是否有匹配if($query_string~".*(?:^|\?|&)token=123"){set$is_ma......
  • 思科设备路由重发布配置命令
    Cisco(config)#routereigrp90Cisco(config-router)#redistributeospf110metric100000100025511500 //将OSPF重发布到EIGRPCisco(config)#routerospf110Ci......
  • laravel项目路由和Vue路由混用的方法
     目前laravel版本是5.8,vue是2.6,vue-router是3.5.1这里是在app.js里面配置  注意看我前面的kk,他后面的页面前部重新定位回到kk里面来全部代码,很多没用的,关心router......
  • vue-动态菜单 带本地动态路由结合
    思路:方法1.按照以往的动态菜单来做,就是根据权限调取后端接口,获取相应的菜单数据,对数据进行处理,添加到路由对象中方法2.自己在router.js中写全部的路由,然后设置一个标识,可......
  • 路由的配置和简单使用
     1、路由添加命令:pnpminstallvue-router@next--save  //@next表示最新 安装成功后dependencies里会出现路由的版本 "vue-router":"^4.0.13"如果项目正在......
  • 分库分表 Sharding: 4. 路由 / 映射:如何找到要操作的表
    4.   路由/映射:如何找到要操作的表4.1   实际表的分布种类基本表与实际表的映射关系,可分为均匀顺序分布,均匀轮询分布,仅均匀分布和自定义分布4种形式。现通过例......
  • Kubernetes Traefik 路由规则及中间件 Traefik Middlewares 的配置 (k3s)
    系统环境:  Traefik版本:v2.2.0Kubernetes版本:K3s1.23.6一、什么是TraefikTraefik是一款开源的边缘路由器,现在本人主要要作用于kubernetes中对外的网关,即Ing......
  • 华为路由器DHCP配置基本命令
    配置基于接口地址池DHCP(动态主机配置协议)[R1]dhcpenable路由器上开启DHCP[R1]intg0/0/0[R1-GigabitEthernet0/0/0]dhcpselectinterface开启接口DHCP功能[R1-Gig......
  • 华为路由器NAT基本配置命令
    NAT地址转换静态[R1]intg0/0/0[R1-GigabitEthernet0/0/0]natstaticglobal202.169.10.5inside172.16.1.1静态地址转换[R1]displaynatstatic查看Nat静态配置信......