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

一、路由守卫的定义

二、需求

在第三步,做校验!

三、代码实现

3-1、前置路由守卫

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

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

写法一:

写法二:

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

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

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

3-2、后置路由守卫

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

1、需求

2、代码实现

写法一:

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

写法二:

四、小结

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

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

相关推荐
IT_陈寒9 分钟前
Vue 3.4 性能优化实战:7个被低估的Composition API技巧让你的应用提速30%
前端·人工智能·后端
鹏多多11 分钟前
React的useRef的深度解析与应用指南
前端·javascript·react.js
你说啥名字好呢27 分钟前
【Vue 渲染流程揭秘】
前端·javascript·vue.js·vue3·源码分析
艾小码31 分钟前
Vue表单组件进阶:打造属于你的自定义v-model
前端·javascript·vue.js
Alang32 分钟前
【LM-PDF】一个大模型时代的 PDF 极速预览方案是如何实现的?
前端·人工智能·后端
lcc1871 小时前
Vue mixin混入
前端·vue.js
t***L2661 小时前
终于搞定了!Vue项目打包后白屏问题
前端·javascript·vue.js
u***j3241 小时前
前端组件通信方式,Vue与React对比
前端·vue.js·react.js
小贺要学前端2 小时前
【无标题】
前端·javascript·vue·技术趋势
im_AMBER2 小时前
React 18 用 State 响应输入
前端·react.js·前端框架