前端路由守卫实现路由权限控制vue&后端使用中间件进行接口权限控制egg

最新推荐文章于 2024-07-23 23:18:19 发布

yuria_wahaha

最新推荐文章于 2024-07-23 23:18:19 发布

阅读量796

点赞数

分类专栏： vue-ts-egg后台管理框架项目

本文链接：https://blog.csdn.net/qq_45189315/article/details/115548297

版权

本文介绍了如何通过前端Vue的路由守卫进行初步的权限控制，并讨论了其存在的漏洞，即用户可能伪造token进入受保护的页面。为解决此问题，文章提出后端Egg.js使用中间件对需要登录的接口进行用户状态校验，以增强安全性。通过在middleware目录下创建auth.ts文件，配置中间件来实现这一功能。

摘要由CSDN通过智能技术生成

添加路由守卫, 实现权限控制

router.beforeEach((to, from, next) => {
   
  // 1.如果访问的是注册或者登录, 那么就放行
  if(to.path === '/login' || to.path === '/register'){
   
      return next();
  }
  // 2.获取当前的登录状态(获取会话存储里的token)
  const token = sessionStorage.getItem('token');
  // 3.如果访问的是其它路由地址, 那么就需要判断是否已经登录
  //如果已经登录, 那么就放行, 如果没有登录, 那么就强制跳转到登录界面
  if(!token){
   
      return next