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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
靳向阳8 分钟前
【无标题】
前端·javascript·vue.js
存在的五月雨18 分钟前
uniapp 一些组件的使用
java·前端·uni-app
涵涵(互关)19 分钟前
GoView各项目文件中的相关语法
前端·vue.js·typescript
佳xuan22 分钟前
QA与RAG检索
java·服务器·前端
z194089206623 分钟前
微软语音识别失败原因排查:从上传到获取文本的完整指南
前端·经验分享·语音识别
M ? A23 分钟前
Vue 转 React:toRaw(),VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
久爱@勿忘24 分钟前
uniappH5跳转小程序
前端·小程序·uni-app
布局呆星3 小时前
Vue Router :基础使用与嵌套路由实战
前端·javascript·vue.js
小码哥_常9 小时前
安卓开发秘籍:解锁10大性能优化秘诀
前端
try2find10 小时前
打印ascii码报错问题
java·linux·前端