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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
Sapphire~几秒前
Vue3-03 熟悉src文件夹及Vue文件格式
前端·javascript·vue.js
快乐星球3725 分钟前
鸿蒙5、6用户h5页面使用schemeURL跳转小程序失败
前端
用户8417948145613 分钟前
vxe-table 复制单元格内容总会在最后加个换行符,如何去掉末尾换行符的解决方法
vue.js
ChangYan.20 分钟前
Electron使用ffi-napi报错External buffers are not allowed解决办法
前端·javascript·electron
Sept94024 分钟前
详解实现属性的全面拦截
前端
墨渊君24 分钟前
2025 年: 一半无业游民、一半外包牛马
前端·年终总结
借个火er25 分钟前
从零搭建 Uniapp 企业级项目模板
前端
阿民_armin27 分钟前
移动端长列表「返回原位置」的完整实践
前端·javascript·vue.js
FanetheDivine27 分钟前
defineModel的行为与文档不一致
vue.js
谜亚星32 分钟前
SVG学习(五)
前端·svg