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

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.kler.cn/a/521402.html

相关文章:

  • ListOJ14:环形链表II(寻找环的入口点)
  • Spring Security(maven项目) 3.0.2.6版本—下
  • DeepSeek学术题目选择效果怎么样?
  • AWS Serverless Application Repository
  • Anaconda使用教程 如何conda配置多版本Python环境
  • 【力扣:新动计划,编程入门 —— 题解 ③】
  • 【Oracle】修改表字段顺序 保留原数据
  • Jenkins安装部署(以及常见报错解决方案),jdk版本控制器sdkman
  • 2025/1/22 [抓包] Fiddler
  • redis的分片集群模式
  • 【Elasticsearch】index:false
  • Flutter子页面向父组件传递数据方法
  • 几款小软件(含国外),很好用
  • 统计学中的样本概率论中的样本
  • Arduino大师练成手册 -- 控制 MH-SD 卡模块
  • Leetcode40: 组合总和 II
  • AI赋能未来:Agent能力与AI中间件平台对行业的深远影响
  • 在 Vue 3 中,怎么管理环境变量
  • 面试题整理:Java多线程(一)volatile、synchronized、ReentrantLock、Atomic、ThreadLocal
  • 【计算机网络】公有和私有 IP 地址