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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • js 做返回顶部效果

    js 做返回顶部效果涉及的知识点: font-awesome字体图标;使用的cdn。 window.onload窗口加载完成事件;如果js代码写在body标签之前,则所有的js都要写在window.onload的事件中;即等待窗口加载完成之后再执行! window.onscroll窗口滚动事件 窗口滚动的距离      document.documentEleme…

    2022年7月13日
    18
  • Sql学习笔记-declare用法

    Sql学习笔记-declare用法栗子一:IF 1=1BEGIN    DECLARE @test VARCHAR    SET @test=’1′       PRINT ‘in if:’+@testEND运行看结果输出inif:1这是可以预想的结果。那我们在if外面使用变量@test试试。栗子二:IF 1=1BEGIN   DECLARE @test VARCHAR   SET @test=’…

    2022年8月20日
    23
  • 免杀工具汇总_一键免杀

    免杀工具汇总_一键免杀今天整理以前的笔记,把这部分工具整理了一下,虽然没有白利用稳,但这些工具也能在一定程度起到一定的免杀作用。DKMC项目地址:https://github.com/Mr-Un1k0d3r/DKMC可以创建一个outputs文件夹存放shellcode启动pythondkmc.py操作顺序:Sc:是将msf生成的raw文件转换位shellcode代码…

    2022年4月19日
    84
  • petalinux定制Linux流程,petalinux操作步骤

    petalinux定制Linux流程,petalinux操作步骤整体流程安装1)sudodpkg-reconfiguredash在界面中将shell改成bash2)安装依赖库:sudoapt-getinstall-ygccgitmakenet-toolslibncurses5-devtftpdzlib1g-devlibssl-devsudoapt-getinstall-yflexbisonlibselinux1gnupg…

    2025年9月1日
    3
  • sublime text3 激活码_在线激活「建议收藏」

    (sublime text3 激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年3月21日
    82
  • iOS小技能:iOS14相册权限适配 (Limited Photo Library Access)「建议收藏」

    iOS小技能:iOS14相册权限适配 (Limited Photo Library Access)「建议收藏」前言相册新增选择权限类型PHAuthorizationStatusLimited:当页面弹出请求权限Alert时,会有SelectPhotos…选项,用户选择该选项时,会弹出页面供用户选择允许App访问的图片/照片。权限提示框会在每次冷启动后打开相册时重新弹出。I、适配要点:可以在info.plist中设置PHPhotoLibraryPreventAutomaticLimitedAccessAlert选项为YES,关闭提示,PHPhotoLibraryPreventA

    2022年9月15日
    4

发表回复

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

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