vue-router beforeEach钩子

vue-router beforeEach钩子在使用vue-routerbeforeEach钩子时,你也许会遇到如下问题:源码:router.beforeEach((to,from,next)=>{//判断登录状态简单实例varuserInfo=window.localStorage.getItem(‘token’);if(userInfo){next();…

大家好,又见面了,我是你们的朋友全栈君。

在使用vue-router beforeEach钩子时,你也许会遇到如下问题:
源码:

router.beforeEach((to, from, next) => {
    //判断登录状态简单实例
    var userInfo = window.localStorage.getItem('token');
    if (userInfo) {
        next();
    } else {
        next('/login');
    }
})

然后你会发现出现如下错误:出现dead loop错误
这里写图片描述

解决方案:

router.beforeEach((to, from, next) => {
    var userInfo = window.localStorage.getItem('token');//获取浏览器缓存的用户信息
    if(userInfo){ //如果有就直接到首页咯
        next();
    } else {
        if(to.path=='/login'){ //如果是登录页面路径,就直接next()
            next();
        } else { //不然就跳转到登录;
            next('/login');
        }

    }
})

解决思路:
排除此时地址 = 转向的地址 的情况,避免dead loop, 问题很简单,但一不小心就入坑了

本文https://blog.csdn.net/qq_38334525/article/details/80682351?utm_source=copy

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/151671.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月20日 下午10:36
下一篇 2022年6月20日 下午10:36


相关推荐

  • hbase 单机安装部署

    hbase 单机安装部署hbase 单机安装部署

    2022年4月23日
    38
  • 宽带上行速率和下行速率的区别

    宽带上行速率和下行速率的区别本文由广州宽带网 http www ymeibai com 整理发布 广州电信宽带报装 上广州宽带网 我们一般所说的 4M 宽带 6M 宽带 都是指宽带的下行速率 可以理解为就是下载的速度 平时我们用迅雷 或者网页下载软件时 用的就是下行速率 而上行速率就是上传的速度 平时用发消息 用发送文件 或者上传文件到网站都用的是上行速率 但并非说上行速率就不会影响浏览网页 看视频 玩游戏的速度

    2026年3月19日
    3
  • Windows下的免安装版MySQL配置「建议收藏」

    Windows下的免安装版MySQL配置「建议收藏」近日在新的电脑上安装MySQL遇到一些小问题,在此做分享,也作为日后备用。下载MySQL进入MySQL官网,依次点击:上方选项卡DOWNLOADS->页面底端MySQLCommunityEdition->MySQLCommunityServer,此时会来到以下这个页面:下载红色框选中的项目,是个压缩包。下载完毕后直接解压,可以开始配置。建议保存的路径不要有中文,…

    2022年6月6日
    36
  • 情感的强度分类_情感量表

    情感的强度分类_情感量表一、SO-HowNet   情感倾向强度值计算公式为:其中,Pwords代表正面情感种子词语集合,Nwords代表负面种子词语集合。word1和word2相似度就是各概念之间相似度的最大值。计算两个义原相似度公式如下:其中,p1,p2为两个需要计算比较的义原,Depth(p)是义原层次体系中的深度,Spd

    2022年8月23日
    10
  • 简单理解-同余定理

    简单理解-同余定理本文章仅用于笔记 部分知识点来源于网络 授权请联系作者 com nbsp nbsp 直接抛出自己的理解 nbsp nbsp 2 个不同的整数 a b 被一个整数 m 相除时 得到相同的余数 那么我就可以称 a b 同余 nbsp nbsp 因为 a b 同余所以当他们相减时 余数就抵消掉了 剩下的那部分就是能被 m 整除的 nbsp 可以这么理解 nbsp nbsp a m q1 r1 b m q2 r nbsp nbsp a b

    2026年3月17日
    2
  • 什么是Claude Code?

    什么是Claude Code?

    2026年3月16日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号