管理后台,登录后回到登陆前的页面(比如地址栏输入页面地址但是还没登录会回到登录页面,登录后回到这个页面)

首先应该在路由守卫那里应该把这个地址存起来。
我在项目中用的是在路由守卫那里把地址用localstorage存起来。
详细代码如下:

router.beforeEach((to, from, next) => {

let permission = {}
let role = JSON.parse(localStorage.getItem(‘role’));
for (let k in role) {
if (to.meta.pername == k) {
permission = role[k]
}
}
let token = localStorage.getItem(‘token’);
if (token) {
if (to.path == ‘/login’ || to.path == ‘/dashboard’) {
next()
} else {
if (permission.read) {
sessionStorage.setItem(‘fullPathUrl’, from.fullPath);
to.meta.permission = permission
// 有权限能正常请求页面的情况下加载loading
// 登陆页面与从详情返回不需要加载
if (to.path != “/login”) {
if (from.name != ‘detail’) {
window.showLoading()
}
}
next()
} else {
next(’/dashboard’)
}
}
}else{
if (to.path == ‘/login’ || to.path == ‘/dashboard’) {
next()
}else{
sessionStorage.setItem(‘fullPathUrl’, to.fullPath);
next({
path: ‘/login’,
query: {
fullPathUrl:to.fullPath
}
})
// next(’/login?fullPathUrl’ + to.fullPath)
}
}
})
我们登陆的时候都会做一些判断,这时候我们应该在路由守卫这里判断我们路由的跳转状态。
我们项目这里的需求是:第一个如果有token的时候我们就根据我们要去的路由做判断是否有权限进入这个页面,如果有权限就进入这个页面,如果没有的话就跳转到首页;
第二个需求就是假如在没有登陆过的情况下访问里面的链接那么让他跳转到登录页面,并且登录进去之后再回到这个链接的页面,这时候我们就需要存下这个地址(注意:这里使用localstorage存储好像存不起,使用的是sessionstorage存的,但是为了保险起见,我们使用的是在路由上带过去的),并且在登陆进去之后拿到这个地址再跳转过去。
在这里插入图片描述
在登录进来之后我们判断路由里面有没有这个地址,有就直接跳过去,没有就跳转首页。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/72754.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

登录页面成功

1.首先我们把跳转到页面登录成功的js链接拉进来,然后建立个外部CSS我们用来写页面样式,并且拉进我们的页面当中。 2.然后开始搭建页面我们需要到的有登录页面名称,用户名文本框以及密码文本框,还有一个登录按钮,每个文…

谷歌 Alpha 家族再添“猛将”:AlphaDev 重磅亮相,打破多年计算瓶颈,新排序算法提速 70%!...

整理 | 郑丽媛 出品 | CSDN(ID:CSDNnews) 本周四,DeepMind 在著名学术刊物 Nature 上,发表了其最新研究成果:一个名为 AlphaDev 的 AI 系统。 从名字上便可以看出,AlphaDev 与 AlphaGo、AlphaFo…

【Pytorch基础教程36】基于Ernie预训练模型和Bert的新闻分类

文章目录 一、新闻分类任务1.1 中文数据集1.2 数据特点1.3 跑起代码 二、 预训练语言模型ERNIE2.1 ERNIE模型结构2.2 bert模型结构 三、项目代码1. bert模型2. ERNIE预训练模型 Reference 一、新闻分类任务 1.1 中文数据集 从THUCNews中抽取了20万条新闻标题,已上…

马斯克入驻推特造成大恐慌!这俩戏精还冒充被裁员工,外媒全被耍了

【导读】马斯克进驻推特后,又是审查代码,又是疑似将灭霸式裁员,人心惶惶之际,这两位戏精也出动了。 最近,马院士进驻推特的事儿可是闹得人仰马翻,鸡犬不宁。 上周四,马斯克抱着水槽走进大楼&a…

为什么程序员很难找到合适的另一半?

虽然现在社会很多人说程序员收入高,是体制外是最好的男友,可是程序员不是总被说成情商低、不懂浪漫吗? 找到合适的另一半,这个难度超过西天取经。指不定你要和九九八十一个妹子错过去,当然对于女生也没那么容易&#x…

佳缘男的计算机软件出差,交友我在世纪佳缘认识了一个男人,今年32岁,通信接近一个月,觉得 爱问知识人...

2006-06-29 16:46:27 见一面也好,见了你就断了对他的念头。也就不用这么高分问我们这个无聊的问题了。 哈哈 全部 2006-06-29 16:46:27 2006-06-29 16:04:28 外表是一方面的内容。但是要有深层次的了解才知道你们是否会适合在一起。 全部 2006-06-29 16:04:28 2006-…

有一种男人叫“程序员”,遇到就嫁了吧!

都说程序改变世界,那程序又是出自谁手呢,自然是程序员了。 全民编程时代,家里没有个会写程序的人,可怎么办啊?所以,今天就给妹纸们推荐一款性价比极高的老公候选人—程序员。 首先,程序员收入高…

当你爱上一个程序员……

点击上方“程序员大咖”,选择“置顶公众号” 关键时刻,第一时间送达! 1.当你爱上一个程序员…… 2.程序员家的孩子 3.调试使我开心 4.程序员的类型 5.Java & C 语言程序员 6.程序员自学完一个新框架后 来源:菜鸟教程程序员大咖…

雅思练习和考试平台市场现状研究分析报告 -

辰宇信息咨询市场调研公司最近发布-《2022-2028中国雅思练习和考试平台市场现状研究分析与发展前景预测报告 》 内容摘要 本文研究中国市场雅思练习和考试平台现状及未来发展趋势,侧重分析在中国市场扮演重要角色的企业,重点呈现这些企业在中国市场的雅思练习和考试平台收…

雅思阅读错题分析

目录 C-15TEST4Passage1 (9/13)Passage2(11/13)Passage3(8/14) TEST3Passage1(10/13)Passage2(11/13)Passage3(8/13) TEST2Passage1(9/13)Passage2(4/13)Passage3(10/14) Test1Passage1(11/13)Passage2(11/13) C-15 TEST4 Passage1 (9/13) …

雅思考试和PET考试哪个更容易通过?

雅思PTE的“自我介绍”: 雅思:全称为国际英语测试系统(International English Language Testing System)简称雅思(IELTS),是著名的国际性英语标准化水平测试之一。雅思考试于1989年设立&#xf…

大连雅思培训百家国际雅思考试词汇量要求与记忆方法是什么

雅思考试词汇量要求与记忆方法是什么 一、雅思考试词汇量要求 雅思考试词汇量要求与记忆方法是什么 1.雅思5.5分所需的词汇量 雅思5.5分水平估计词汇量至少要到3000,口语听力词汇要有800,写作词汇要有500,阅读词汇要有1000,一…

雅思阅读真经总纲_大神名师炸翻现场,2019学为贵全国教育展引爆雅思圈!

9月28日,学为贵全国教育展圆满落幕。此次活动以“万变不离真经”为主题,学为贵联合“当当”、“爱奇艺知识”,跨越北京、长沙、广州、成都、重庆、哈尔滨、南京、西安等全国12个城市,多位大神名师亲临现场,深度分析雅思…

雅思考试自己的复习进度以及方法使用【日更版】

雅思第几套听力阅读 写作口语IELTS 5 听力: 1.何琼网课(腾讯课堂) 2.雅思王听力真题语料库:只刷第三章名词(每天半小时到一小时听写,半小时到一小时改错),电话号码,姓名地址拼写 3.剑桥雅思真题: ①从后…

【雅思阅读】王希伟阅读P3(Heading)

List of Heading 段意题 特点 1. 出题位置特殊:文章前出现 2. 主旨题 3. 难度大(时间,出错连续) 4.无复选 解题根本思路: 找段落主旨与选项搭配 80%段落有主旨句 做题步骤 一 审选项 1、 读例子并去掉例子已经…

FashionAI服装属性标签图像识别Top1-5方案分享

向AI转型的程序员都关注了这个号👇👇👇 机器学习AI算法工程 公众号: datayx 服饰属性标签是构成服饰知识体系的重要根基,内部庞大复杂。我们对服饰属性进行了专业的整理和抽象,构建了一个符合认知过程&…

这波服装设计作品对女性美的诠释,十分到位

女性是温柔的、美丽的,多样的,莱佛士学生Xu Xinyi作品《Femininity&Softness》便是围绕女性展开创作。而Xinyi的作品想要传达的是:女性不应该被物化,她们是美丽且具有多样性的。 莱佛士服装设计专业学生作品 在设计中&#xf…

绘图软件Tecplot如何保存调用自己的绘图风格style

1、保存 点击上方菜单栏“Frame”; 点击“Save frame style” ,选择位置保存即可。 2、调用 点击上方菜单栏“Frame”; 点击“Load frame style” ,选择style位置调用即可。

Marvelous Designer 服装设计与模拟

制作真实的角色衣服是CG动画中一项很具有挑战性的工作,是角色开发过程中非常重要的一步。它可以体现角色在故事中的性格,在技术发达的今天,制作一件虚拟衣服很容易。我们可以使用正确的工具发挥想象力在很短的时间内就能创作出真实的衣服。说…

【2023,学点儿新Java-16】编程语言的学习方法总结 | 编程的本质和架构 | 如何深度理解编程知识和技能 | 如何成为优秀的软件开发工程师 | 附:Java初学者的困惑!

前情回顾: 【2023,学点儿新Java-15】案例分享:基于Java实现餐厅点餐系统(附完整源代码)【2023,学点儿新Java-14】携程面试题:如何看待Java是一门半编译半解释型的语言?| 咨询互联网…