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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
weixin199701080164 分钟前
Lazada商品详情页前端性能优化实战
前端·性能优化
星火开发设计36 分钟前
异常规范与自定义异常类的设计
java·开发语言·前端·c++
CappuccinoRose1 小时前
CSS 语法学习文档(十一)
前端·css·学习·表单控件
海兰1 小时前
Elastic Stack 9.3.0 日志探索
java·服务器·前端
输出输入2 小时前
Java Swing和JavaFX用哪个好
java·前端
铁甲前沿2 小时前
一个月玩转MQTT(篇五:开发自己的MQTT WEB页面)
前端·mqtt·asp.net·mqtt web开发
~央千澈~3 小时前
抖音弹幕游戏开发之第7集:识别不同类型的消息·优雅草云桧·卓伊凡
java·服务器·前端
拾荒李3 小时前
在 Vue 项目里“无痛”使用 React 组件:以 Veaury + Vite 为例
前端·vue.js·react.js
dangfulin3 小时前
简单的视差滚动效果
前端·css·视差滚动
Forget_85503 小时前
RHEL——web应用服务器TOMCAT
java·前端·tomcat