当前位置: 首页 > news >正文

VUE3 使用路由守卫函数实现类型服务器端中间件效果

vue3中的router组件,有一个函数 router.beforeEach,可以实现请求中间件效果

使用方法如下:

前提已经在Vue3 项目中引入router组件,在router.js文件中加入router.beforeEach

//路由守卫函数,类似于中间件session效果
router.beforeEach((to, from, next) => {//读取localStorage的存储值let token = localStorage.getItem('token');//如果值存在,或者请求路径是登陆页面就直接通过,否则转到登录页if (to.path === '/login' || token) {next();}else {next('/login.html');}   });export default router;

http://www.lryc.cn/news/527228.html

相关文章:

  • |Python新手小白中级教程|第二十九章:面向对象编程(Python类的拓展延伸与10道实操题目)(5)
  • 项目概述与规划 (I)
  • mysql学习笔记-数据库的设计规范
  • 实现B-树
  • 论文笔记(六十三)Understanding Diffusion Models: A Unified Perspective(四)
  • C# 中 default 使用详解
  • Day21-【软考】短文,计算机网络开篇,OSI七层模型有哪些协议?
  • 电力晶体管(GTR)全控性器件
  • C语言------指针从入门到精通
  • 网络安全大模型和人工智能场景及应用理解
  • 大模型正确调用方式
  • rocketmq原理源码分析之控制器模式- dledger
  • Deployment 部署 Pod 流程
  • 塔罗牌(基础):大阿卡那牌
  • TCP/IP 协议:互联网通信的基石
  • Python 之 Excel 表格常用操作
  • 2025春招 SpringCloud 面试题汇总
  • jupyter版本所引起的扩展插件问题
  • 01机器学习入门
  • 实现一个安全且高效的图片上传接口:使用ASP.NET Core和SHA256哈希
  • PyTorch中的movedim、transpose与permute
  • HTTP(1)
  • C#常考随笔2:函数中多次使用string的+=处理,为什么会产生大量内存垃圾(垃圾碎片),有什么好的方法可以解决?
  • leetcode刷题记录(一百)——121. 买卖股票的最佳时机
  • MATLAB绘图时线段颜色、数据点形状与颜色等设置,介绍
  • CIMRTS材质美化--放大采样、缩小采样
  • P8738 [蓝桥杯 2020 国 C] 天干地支
  • PyCharm接入DeepSeek实现AI编程
  • Java编程语言:辉煌的历史与未来前景
  • 麦田物语学习笔记:保存和加载场景中的物品