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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
web守墓人1 小时前
【linux】Mubuntu v1.0.11更新日志
linux·前端
遇见你...4 小时前
TypeScript
前端·javascript·typescript
Highcharts.js4 小时前
Highcharts Grid 中文站正式上线:表格数据处理的全新选择
前端·javascript·数据库·表格数据·highcharts·可视化图表·企业级图表
懂懂tty8 小时前
CRA 迁移 Rspack(实战)
前端·架构
小码哥_常9 小时前
Kotlin 助力 Android 启动“大提速”
前端
GreenTea9 小时前
AI 时代,工程师的不可替代性在哪里
前端·人工智能·后端
Jagger_9 小时前
能不能别再弄低代码害人了
前端
朦胧之9 小时前
AI 编程开发思维
前端·后端·ai编程
踩着两条虫10 小时前
VTJ:快速开始
前端·低代码·架构
木斯佳11 小时前
前端八股文面经大全:携程前端一面(2026-04-17)·面经深度解析
前端·状态模式