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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
用户50093768390397 分钟前
热敏小票 Web 打印:我在 58/80mm 上折腾的两周
前端·vue.js
XGM13 分钟前
一个前端新手的"顿悟"时刻:DOM树、渲染原理和JS动态渲染
前端
东方小月26 分钟前
一篇文章带你深入拆解Skill的本质与工程实现,让你不再滥用Skill
前端·人工智能·后端
xy34531 小时前
Axure9.0 中继器遮罩的核心应用场景(精准适配列表交互)
前端·ui·html·原型·产品设计·axure9.0
天道kabuto1 小时前
记一次 UnoCSS 样式离奇失效的踩坑复盘
前端
前端小张同学1 小时前
AI全栈开发最佳实践💐
前端·后端·架构
前端 贾公子1 小时前
第09章:上下文与记忆 (6)
开发语言·前端·python
用户931456355661 小时前
接口幂等性设计:从原理到落地,一篇讲透
前端
柚yuzumi1 小时前
别再猜 this:先看它属于谁,再看它指向谁
前端·javascript
YIAN1 小时前
React + Zustand + JWT 前端权限体系完整实现:从登录鉴权到路由守卫全流程拆解
前端·react.js·架构