Vue80-全局路由守卫:前置、后置

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

注意,此时就不能将router一开始就暴露出去了!

to和from是路由组件的信息。

写法一:

写法二:

缺点:若是路由判断很多,此写法会很繁琐。

写法三:路由元信息:程序员自定义的信息

放在需要校验的路由规则里面。

3-2、后置路由守卫

后置路由守卫一般是路由切换完成后再调用,做不了校验,所以好像没什么用。

1、需求

2、代码实现

写法一:

写了很多遍,不是很方便。

写法二:

四、小结

全局体现在:直接对话的是router!

前后置路由守卫,应该校验的是token!!!

相关推荐
老毛肚8 分钟前
jeecgboot TS + Vue 模板化 03
前端·javascript·vue.js
下北沢美食家11 分钟前
SSE 入门
前端
云计算磊哥@11 分钟前
运维开发宝典023-WEB网站服务
运维·前端·运维开发
FlyWIHTSKY14 分钟前
React 19 + Next.js 16(App Router)项目中集成 MSW
开发语言·javascript·vue.js
加点油。。。。36 分钟前
【1.Obsidian渲染html文件】
前端·html·obsidian
ZFSS37 分钟前
BYOK(自带密钥)使用指南
运维·服务器·前端·人工智能·midjourney
AI_零食37 分钟前
呼吸灯 - 通过鸿蒙PC Electron框架技术完成-在焦虑时代守护每一次呼吸的数字禅修
前端·javascript·华为·electron·前端框架·鸿蒙
佛山个人技术开发43 分钟前
高端旅游风景区酒店民宿网站模板 自适应宽屏文旅酒店源码
前端·html5·旅游
ZC跨境爬虫1 小时前
跟着 MDN 学JavaScript day_5:技能测试——变量实战
java·开发语言·前端·javascript
pan_junbiao1 小时前
Whistle 抓包工具的安装与使用
前端·测试工具·压力测试·抓包