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;
相关推荐
kyriewen2 分钟前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·css·scss
海带先森5 分钟前
python 虚拟环境的创建
前端
lovemiss9 分钟前
解码本质:claude code是怎么运行的
前端
yuxi202017 分钟前
Cursor 的 7 个隐藏功能,90% 的人不知道
前端
Moment18 分钟前
MiniMax 发布 M2.7,Agent 开始走向自我进化
前端·后端·面试
发现一只大呆瓜20 分钟前
Vue-Vue Router核心原理+实战用法全解析
前端·vue.js·面试
m0_6948455739 分钟前
Oh My Zsh 使用指南:Zsh 终端配置与插件管理教程
服务器·前端·小程序·开源·github
英俊潇洒美少年42 分钟前
React19 useActionState的注意事项
前端·javascript·react.js
huaqianzkh44 分钟前
两个 ASP.NET Core Web API 模板核心区别
前端·后端·asp.net
发现一只大呆瓜1 小时前
性能优化:CDN 缓存加速与调度原理
前端·javascript·面试