全局路由守卫

思路:结合全局导航钩子函数:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。

          from 从哪里来,to 到哪里去,next() 放行

          登录页面放行,不是的登录页面结合token,有token放行。

          如果有消息提示记得引入message

引入消息提示
import { Message } from 'element-ui';
//路由全局前置守卫
router.beforeEach((to, from, next) => {
 //from 从哪里来
 //to 到哪里去
 //next() 放行  next("/login") 去登录页面
  if (to.path === "/login") {//登录组件 直接放行
    next();
  } else {
    //其他组件必须要登录
    let token = localStorage.getItem("token");
    if (token) {
      next();//放行
    } else {
      Message.error("请先登录")
      next("/login");//去登录页面
    }}});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值