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

article/2025/11/10 20:38:05

首先应该在路由守卫那里应该把这个地址存起来。
我在项目中用的是在路由守卫那里把地址用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://chatgpt.dhexx.cn/article/1Z9JwQ5b.shtml

相关文章

登录页面成功

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

latex格式的英文文章中引用的中文参考文献在BIBTEX中的格式是如何的

查找了很多如何在bibtex中引用中文的参考文献,找到的总是bibtex如何在latex中的添加或者是显示,但是到底在bib文件中是如何写的呢? 中文文献在英文文献中引用首先就需要把它翻译成英文,而中文文献里都有英文标题,姓名…

文章同一位置引用多篇参考文献标注方法

写论文时会遇到在同一位置引用多篇参考文献的情况,像下面这种,这是怎样标注的呢 假使通过交叉引用得到如下文字 目标检测[4][5],下面简要介绍两种方法。 其一,选中4右边的半个括号,在字体选项卡中选中隐藏&#xff0…

Endnote引用中文、英文参考文献方法(不用手敲中文文献信息)

目录 引用英文参考文献 插入中文参考文献格式 导入出错的解决方案 引用英文参考文献 打开知网的官网,选择想要导出成endnote格式的文献(在文献前面打√,即为选中状态),在导出与分析-导出文献-endnote,即…

毕业生写论文必备!!超详细讲解参考文献格式

为了参考文献,我们老师开了一周的会。每次都要把我们不合格的参考文献打下去重弄,经过这一周的研究时间,我已经能成功帮我的小伙伴修改参考文献格式了。现在写成博客,希望能帮到大家。 超详细讲解参考文献格式 举例:作者 文献名 期刊 期刊来源 发表时间 卷(期) 页…

参考文献引用详细教程

参考文献引用详细教程 前言详细教程 前言 在写论文时经常需要引用参考文献,但是在正常标记后通过查重软件查重却识别不了引用信息,因此需要通过设置“交叉引用”使得系统能够识别出我们的引用 详细教程 1.首先,将参考文献题录复制到论文中…

英文参考文献的正确引用格式详解

英文参考文献的引用格式,经常令我们头疼。尤其是有些不自觉的老外,动不动就好多个中间名,让我们傻傻分不清。尤其是同一个作者,在不同的文献里面出现的时候,名字显示的格式也会有所不同。 普通情况下,老外…

马斯克这波操作赢麻了?网友:这是我们玩剩下的

我愿称马斯克已经掌握了人民企业家的精髓——写周报。 周报这东西在国内大家并不陌生,深受荼毒的人更非少数。不过在国外倒是很少,如果确实要汇报,一般都是拉个电话会议,只能说马斯克确实学到了精髓。 不过比起国内的周报卷到飞…

不想努力怎么办,马斯克脑机接口,BrainOS都能帮忙

在北京时间的8月29日凌晨,钢铁侠埃隆马斯克投资1亿多美元的脑机接口初创公司公司Neuralink(http://www.neurolink.company/)进行了一次现场发布会,展示新一代的脑机接口设备。 这场发布会的热度可以和苹果IPhone4发布会相媲美&am…

大模型落地比趋势更重要,NLP+金融如何看得见、摸得着?

全球很多人都开始相信,以ChatGPT为代表的大模型,将带来一场NLP领域乃至整个人工智能的技术革命,影响遍及各行各业。 那么,金融机构和科技企业,应该以怎样的姿态迈入新的洪流? 前不久,有“中国智…

GPT-4发布,能击败90%的人类

来源:青投创新 编辑:Tian "许多人工智能研究人员认为,整合文本、音频和视频的多模态系统为构建更强大的人工智能系统提供了最佳途径。 今天(3月15日)凌晨,OpenAI宣布推出GPT-4,这是其AI语言模型系列中最新的一款&…

实力爆表,日日新成为AI领航者

目录 正式发布自建算力SenseChat编程能力图像生成后言 上周五,阿里发布大模型通义千问,正式开始邀请内测。本周一,人工智能巨头商汤科技正式发布“日日新”大模型体系,全面丰富的产品体系,多个功能表现超预期&#xff…

【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万条新闻标题,已上…

2012年决胜HTML5 十四大Web预测盘点

【IT168 评论】无论是当红科技企业如Zynga、Facebook、Google和Apple,还是刚刚诞生的初创企业,2012年都是决胜HTML5的一年。以下是关于HTML5在2012发展趋势的大胆预测: 一、欢迎来到更加互联的Web世界 2012年,HTML5将增加更多有用…

前端开发要点—Yahoo十四大军规

一.尽可能的减少HTTP请求数 http请求:从客户端到服务器端的请求消息。包括消息首行中,对资源的请求方法、资源的标识符及使用的协议。 简单地说,当你打开网页时,你所看到的文字、图片、多媒体等等,这一切内容&#xff…

分布式专题|吐血整理Redis 十四大知识点,帮助小白从0到1蜕变

文章目录 摘要环境搭建redis Docker方式安装使用源码方式安装redis 一、五种基本数据类型的操作与应用场景string 字符串类型基本指令应用场景 hash(哈希)基本操作指令应用场景 list(链表)基本指令应用场景 set(集合)基本指令应用场景 zset(有序列表)基本…

新AI时代序幕已拉开 不信请看这十四大例

时间过得比我们预想的要快,并且摩尔定律依然在发挥着作用。但是,仍然有很多事情要做。在接下来的文章中,我希望能够列出2019年(部分发生在2018年)机器学习(ML)和深度学习(DL)领域的重大事件。这…

使用腾讯云服务器+Nonebot2+go-cqhttp搭建QQ聊天机器人【保姆级教程 2023最新版】

文章目录 一、查看conda版本二、查看系统版本三、配置go-cqhttp1.请切换至同一网络下扫码2.打包Docker镜像 四、创建NoneBot环境安装脚手架 一、查看conda版本 二、查看系统版本 uname -a arch getconf LONG_BIT三、配置go-cqhttp 下载go-cqhttp 这里有不同版本的cqhttp,并且…

〖毕业季|进击的技术er〗其他人都在缅怀青春、告诉你如何拿到 offer 、提高自己的技术栈、做未来规划路线,我偏要反其道而行、告诉你们一个不一样的技术er的职场成长。

订阅 Python全栈白宝书-零基础入门篇 可报销!白嫖入口-请点击我。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V!说明:该文属于 Python全栈白宝书专栏,免费阶段订阅数量4300,购买任意…

用计算机弹怎么会爱上了他,怎么会爱上了他,并决定跟他回家?《纸短情长》...

靠谱吉他官方微信——为您推送靠谱的教学、演奏以及互动话题,专业靠谱、欢迎关注! 《纸短情长》,怎么会爱上了他? 《纸短情长》主要描写了一段他通过写信的形式给已婚前女友的她写情歌,回忆留恋曾经的那段感情的故事。…