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;
相关推荐
weixin_704266058 小时前
项目总结一
java·前端·spring boot·后端·spring
Mintopia8 小时前
接口设计为什么越改越乱:新手最容易踩的三个坑
前端
code小生8 小时前
微软 Microsoft Edge 浏览器插件开发者注册指南
前端·microsoft·edge·edge浏览器·浏览器插件开发者
踩着两条虫9 小时前
VTJ.PRO 发布 v2.3.6:开放共享模版、优化发布流程,低代码开发体验再升级
vue.js·低代码·ai编程
Mintopia9 小时前
日志不是越多越好:一套能落地的日志设计方法
前端
yivifu9 小时前
一种更精细的HTML表格斑马色设置方法
前端·html
ldybk9 小时前
教学vue
前端·javascript·vue.js
英俊潇洒美少年9 小时前
Vue3 实现 AI 流式打字机(SSE+时间切片模拟 React 并发)工程化完整版
前端·人工智能·react.js
开开心心就好9 小时前
操作简单的ISO文件编辑转换工具
java·前端·科技·edge·pdf·安全威胁分析·ddos
盐水冰9 小时前
【HTML】(1)- 演示&标记语言
前端·html