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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
小天呐几秒前
qiankun 微前端接入实战
前端·js·微前端
周航宇JoeZhou6 分钟前
JP4-7-MyLesson后台前端(五)
java·前端·vue·elementplus·前端项目·mylesson·管理平台
Yaavi9 分钟前
一个基于markdown的高性能博客模板
前端·开源·源码
艾小码27 分钟前
手把手教你实现一个EventEmitter,彻底告别复杂事件管理!
前端·javascript·node.js
幸福摩天轮37 分钟前
npm发布包
前端
前端AK君39 分钟前
Gitlab 线上合并冲突的坑
前端
ze_juejin39 分钟前
ES6 Module 深入学习
前端
章丸丸42 分钟前
Tube - Studio Videos
前端·后端
因吹斯汀2 小时前
一饭封神:当AI厨神遇上你的冰箱,八大菜系大师在线battle!
前端·vue.js·ai编程
再学一点就睡2 小时前
NATAPP 内网穿透指南:让本地项目轻松 “走出去”
前端