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

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

使用方法如下:

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

javascript 复制代码
//路由守卫函数,类似于中间件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;
相关推荐
swipe10 分钟前
从原理到手写:彻底吃透 call / apply / bind 与 arguments 的底层逻辑
前端·javascript·面试
踩着两条虫13 分钟前
从设计稿到代码:VTJ.PRO 的 AI 集成系统架构解析
前端·vue.js·人工智能
Mapmost15 分钟前
从“雕琢”到“生成”:AIGC正在重塑数字孪生世界
前端
掘金一周25 分钟前
Claude Code 换成了Kimi K2.5后,我再也回不去了 | 掘金一周 3.5
前端·人工智能·agent
JasonYin26 分钟前
ViewModel 知识体系思维导图
前端
幸福小宝1 小时前
uniapp 抽屉实现左滑
前端
戳气球的爱玛镇皇后1 小时前
BroadcastChannel 使用总结
前端
戳气球的爱玛镇皇后1 小时前
wps加载项不同窗口间通信
前端
心在飞扬2 小时前
LangGraph 基础知识
前端·后端
Lee川2 小时前
深入浅出JavaScript事件机制:从捕获冒泡到事件委托
前端·javascript