vue-router页面访问权限

最新推荐文章于 2023-08-01 10:41:46 发布

科技达人ლ(′◉❥◉｀ლ)

最新推荐文章于 2023-08-01 10:41:46 发布

阅读量319

点赞数

分类专栏： vue-router 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_56175362/article/details/126758420

版权

前端路由权限控制 token 登录

关键词由CSDN通过智能技术生成

vue-router 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.router>index.js
简单的路由页面权限配置

router.beforeEach((to, from, next) => {
  if (to.path === '/login') return next();

  //获取token
  const tokenStr = window.localStorage.getItem('token');

  //如果没有token 就证明没有登录，就强制跳转到登录页
  if (!tokenStr) return next('/login');
  
  //如果token存在，就直接放行
  next();
})