vue项目,实现跨系统跳转免登录,点击链接直接进入项目首页,有token则免登录,否则就跳转到登录页

server/2024/11/15 0:39:23/

目前我用的是vue-admin-better框架,

实现的功能是,在地址后面拼接个token,如果有token,则直接跳转到首页,若没有token,则跳转到登录页面,实现跨系统跳转免登录

其实很简单,首先考虑一下路由守卫的作用,在进入登录页面前,首先经过的是路由守卫

那么,

第一步:找到你获取token的位置

(一般情况下都会分为三步,一获取二存储三清除,在获取到token后,都会存储在localStorage里面,再做其他调用)

第二步:

        获取浏览器地址:const url = new URL(window.location.href)

        创建一个新的URLSearchParams对象,用于处理URL的查询参数:

                const params = new URLSearchParams(url.search)

        获取查询参数中的token值:const token = params.get('token')

这个时候你已经获取到了链接里面的token了

第三步:在获取用户信息之前,肯定需要传token的,即根据token获取用户信息

在这个阶段可以先做一下判断,如下:

第四步:将获取的token作为参数查询用户信息,获取动态路由,最后获取到用户信息和路由数据后路由守卫会直接放行到首页,否则,放行到登陆页面


http://www.ppmy.cn/server/141978.html

相关文章

如何管理好自己的LabVIEW项目

在LabVIEW项目开发中,项目管理对于提高开发效率、确保项目质量、减少错误和维护成本至关重要。以下从项目规划、代码管理、测试与调试、版本控制、团队协作等方面,分享LabVIEW项目管理的体会。 ​ 1. 项目规划与需求分析 关键步骤: 需求分析…

Python学习从0到1 day26 第三阶段 Spark ④ 数据输出

半山腰太挤了,你该去山顶看看 —— 24.11.10 一、输出为python对象 1.collect算子 功能: 将RDD各个分区内的数据,统一收集到Driver中,形成一个List对象 语法: rdd.collect() 返回值是一个list列表 示例: from …

【鸿蒙开发】第四章 ArkTS语言UI范式-基础语法

目录​​​​​​​ 1 前言 2 基本语法 2.1 声明式UI 2.1.1 组件创建 2.1.2 配置属性 2.1.3 配置事件 2.1.4 配置子组件 2.2 自定义组件 2.2.1 成员函数/变量 2.2.2 build()函数 2.3 页面和自定义组件生命周期 2.3.1 自定义组件的创建和渲染流程 2.3.2 自定义组件…

PG实例CPU使用率高排查思路

一、查看具体哪个会话占用高 top 查看哪个pid使用cpu高 psql 登录到数据库中查看具体的语句 SELECT pid, query FROM pg_stat_activity WHERE pid ‘top查看到的pid’; 二、查看锁 在PostgreSQL中查看锁的状态,你可以使用pg_locks系统视图来获取当前数据库中的锁…

BILSTM法律网站用户提问自动分类

项目源码获取方式见文章末尾! 600多个深度学习项目资料,快来加入社群一起学习吧。 《------往期经典推荐------》 项目名称 1.【基于CNN-RNN的影像报告生成】 2.【卫星图像道路检测DeepLabV3Plus模型】 3.【GAN模型实现二次元头像生成】 4.【CNN模型实现…

【网络安全 | 并发问题】Nginx重试机制与幂等性问题分析

未经许可,不得转载。 文章目录 业务背景Nginx的错误重试机制proxy_next_upstream指令配置重试500状态码非幂等请求的重试问题幂等性和非幂等性请求non_idempotent选项的使用解决方案业务背景 在现代互联网应用中,高可用性(HA)是确保系统稳定性的关键要求之一。为了应对服务…

上海ABC行测试面试题回忆版本

11.14号去ABC面试,流程上先做个半个小时的笔试,然后是排队面试。这次做笔试的人很多,有JAVA,大数据,前端,测试,我是最后一批测试。现场没有敢拍照。面试的时候,一共8个面试官&#x…

Snort的配置与使用

声明:学习视频来自b站up主 泷羽sec,如涉及侵权马上删除文章 感谢泷羽sec 团队的教学 视频地址:蓝队基础之网络七层杀伤链_哔哩哔哩_bilibili 目录 一、什么是Snort Snort的主要功能包括: Snort的工作原理: Snort的…