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;
相关推荐
Shirley~~4 分钟前
Three.js加载Gltf模型并播放动画
前端·3d
Data analyse45612 分钟前
Session超时与浏览器休眠的计时校验
大数据·前端·数据库·数据分析
星始流年15 分钟前
AI 时代,软件程序员未来 10—15 年的职业前景
前端·后端·ai编程
猪猪拆迁队22 分钟前
跨电脑复制共享-局域网直连踩坑
前端·后端·go
静默回滚23 分钟前
逐帧处理视频的内存去哪了,我从看错读数查到没排队
前端
重庆穿山甲39 分钟前
我们不做「看起来很聪明」的知识库:一套企业级 RAG 平台的 37 屏真机实录
前端
风花一世月1 小时前
🛩️ 我把一段夕阳飞行做成了能按键驾驶的网页(24 秒四段航线,在线直接玩)
前端
用户11481867894841 小时前
实现一个「配置驱动」的动态表格组件(Vue + Element UI)
前端
数据掘金1 小时前
小程序分享参数在页面栈中的传递
前端
乐享qicheng1 小时前
1,自定义表单通俗理解-PC设计APP渲染
前端