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;
相关推荐
不可能片场5 小时前
Electron 发布核验 别把没查到当成没发出去
前端·electron
开开心心就好5 小时前
文件被占用删不掉?解锁工具强制删除
java·运维·服务器·开发语言·前端·pdf·ocr
贾公子5 小时前
AI 内容检测 API 接入实战——异步任务、幂等键与轮询的正确写法
vue.js
inksci6 小时前
发布Ai生成的html markdown 推荐
前端·javascript·html
在西安放羊的牛油果6 小时前
WebP 图片优化方案详解
运维·前端·架构
coding漫漫长路6 小时前
签名PDF一压就失效,接压缩需求前先查这5件事
前端
Lank_M6 小时前
PDF签完名还能改什么?会签能过,压缩不行
前端
补码缩写6 小时前
压缩前查PDF签名,字节搜索会漏掉对象流
前端
星光不问赶路人6 小时前
Vue 项目类型检查:深入理解 vue-tsc --build
前端·vue.js