首页 > 其他分享 >vue学习之------vue-router【导航守卫】

vue学习之------vue-router【导航守卫】

时间:2022-08-18 15:36:15浏览次数:72  
标签:vue 守卫 ------ router 导航 路由

导航守卫可以控制路由的访问权限。

全局导航守卫会拦截每个路由规则,从而对每个路由进行访问权限的控制。

打印一个值看看:

 


 举例:需要登陆才能访问后台管理系统

 

标签:vue,守卫,------,router,导航,路由
From: https://www.cnblogs.com/zhaoyingzhen/p/16598644.html

相关文章

  • GitHub Actions Environment secrets vs Repository secrets All In One
    GitHubActionsEnvironmentsecretsvsRepositorysecretsAllInOneEnvironments,environmentsecrets,andenvironmentprotectionrulesareavailableinpubli......
  • 整理宝塔建站
    添加站点:直接点击添加,选择项目地址就成了此处需要说明的是:访问时会报错:Warning:require():open_basedirrestrictionineffect.解决办法:取消选中防跨站攻击(open......
  • prometheus
        2.技术选型: prometheus、zabbis、nagios、open-falcon进行选型 监控系统      语言      成熟度   扩展性   性能      ......
  • 回溯算法
    一、回溯1、定义:通过选择不同的岔路口来通往目的地(找到想要的结果)每一步都选择一条路出发,能进则进,不能进则退回上一步(回溯),换一条路再试【回溯很适合使用递归】举例......
  • Modbus转Profinet网关连接首科UV流量计的配置案例
    本案例是客户用西门子1200PLC通过小疆Modbus转Profinet网关GW-PN5001首科UV流量计的配置案例。 方法如下:1、打开博图软件,导入网关gsd文件;  2、在硬件目录中选择......
  • 微信公众平台你的服务器没有正确响应Token验证的解决方法 (2014-03-20 12:15:12)
    关于微信公众平台如何使用开发模式的一些详细步骤大家可以查看另外一篇文章【微信公众平台如何使用开发模式】,里面有详细描述,这里指简要解释,微信公众平台你的服务器没有正......
  • ECharts
    配置调整横纵坐标与边缘的距离方法一:grid:{top:"60px",bottom:"60px",left:"35px",right:"20px",},方法二:博客......
  • Redis篇:Linux下操作redis
    目录一、redis介绍安装和配置典型应用场景1.1介绍1.2redis特性1.3下载安装1.4三种启动方式1.5客户端链接1.6redis典型使用场景二、API的使用2.1通用命令2.2字符串......
  • 'WebDriver' object has no attribute 'find_element_by_class_name' 解决办法
    在APP自动化测试过程中,在Pycharm中重新下载了selenium和appium-python-client后,导致已运行通过的代码运行失败,提示:'WebDriver'objecthasnoattribute'find_element_by_......
  • 安装多个Jdk
    安装官方下载地址目录结构:配置PATH修改注意:此处的操作可能会有其他未知的问题,最好还是理解window的命令查找机制,然后还是需要根据具体问题具体分析解决。测试......