前端单点登录实现的三种方式

7月前作者：wenjing:) 分类：Toy博客阅读(35) 违法举报

这篇具有很好参考价值的文章主要介绍了前端单点登录实现的三种方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.同源不跨域

使用document.cookie或者localStorage可以直接存取

2.跨域主域名相同

可以使用cookie-js插件存储cookie，在设置cookie是添加domain参数，例如

Cookies.set('token', 值, { expires: 60, path: '', domain: 'taobao.com' })

只有主域名相同，浏览器在访问时才会携带对应的 cookie

3.跨域

使用iframe内嵌，通过postMessage向父窗口传值

假如主系统登录后可以实现跳转应用系统自动登录，可以利用iframe,在主系统登录界面中内嵌应用系统的登录界面。当点击登录时，应用系统向后端获取cookie，保存在自己的页面中，并通过postMessage向父窗口（主系统）发送cookie，主系统接收cookie，并存储在自己的界面中。

参考网址：Vue项目中完全跨域的单点登录实现_token跨域共享_一只前端汪的博客-CSDN博客

postMessage与postMessage跨域-腾讯云开发者社区-腾讯云文章来源地址https://www.toymoban.com/news/detail-859436.html

到了这里，关于前端单点登录实现的三种方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

01_前端css编写的三种方式

前言 CSS的引入方式共有三种：行内样式、内部样式表、外部样式表用法：在元素上直接通过style属性进行设置css样式设置示例：实际在写页面时不提倡使用，在测试的时候可以使用。例如：用法：在style标签中书写CSS代码。style标签写在head标签中例如：用法： CSS代码保

2024年02月09日
浏览(41)
前端终止请求的三种方式（ajax、axios）

一、原生ajax终止请求 1、abort() XMLHttpRequest.abort() 方法用于终止 XMLHttpRequest 对象的请求，该方法没有参数，也没有返回值。当调用该方法时，如果对应 XMLHttpRequest 对象的请求已经被发送并且正在处理中，则会中止该请求；如果请求已经完成（即已经接收到完整的响应），则

2024年02月09日
浏览(46)
十分钟掌握前端获取实时数据的三种主流方式

前端获取实时数据的三种主流方式本文聊聊前端获取实时数据的三种主要方式。想象一下，我们在网上购物时，经常能看到最新的优惠信息弹出，或者在社交媒体上看到朋友的最新动态更新。这些都是因为后端在默默地向我们的页面推送了最新的消息。那么，这背后到底使用

2024年02月21日
浏览(44)
Webfunny前端监控如何接入飞书单点登录（SSO）

Hello，大家好，欢迎使用** webfunny前端监控和埋点平台 **。今天我们将介绍一下如何接入飞书的登录系统。友情提示：如果飞书侧已经配置好了，可以直接跳到第六步阅读。进入飞书开发者后台，创建企业自建应用，命名「webfunny」（名字自己起哈）应用创建完成后，会生成

2024年04月27日
浏览(37)
实战：单点登录的两种实现方式，附源码

最近工作有点忙，好久没更新文章了，正好这两天在整理单点登陆相关的文档，今天趁着小孩睡着了🤫，赶紧码一篇实战文交差。单点登录（ Single Sign-On ， SSO ）是一种身份验证服务，允许用户使用单个标识来登录多个应用程序或系统。如下图所示，用户只需要用户名

2024年02月08日
浏览(51)
前端常用的三种加密方式（MD5、base64、sha.js）

作为一名优秀的前端开发工程狮，保障用户的信息安全、密码义不容辞，废话不多说，由我来介绍三种日常开发中经常用到的加密方式。介绍： MD5中文含义为信息-摘要算法5，就是一种信息摘要加密算法，可以将数据转译为另一固定长度值特点：压缩性：任意长度的数据，

2024年02月06日
浏览(54)
Docker 实现挂载的三种方式

容器中运行的应用,有可能会产生数据,如果将数据直接存储到容器中,如果删除容器时,容器中的数据会一起被删除,例如: 如果运行的是数据库容器,数据库容器直接保存的数据文件,删除容器时,容易导致数据丢失为了防止数据丢失,可以把数据保存到宿主机上,这样有便于容器之间

2024年01月23日
浏览(49)
Java 实现多线程的三种方式

1、三种方法的介绍和比较 1、1三种方式得介绍 1、继承Thread类 2、实现Runnable接口 3、实现Callable接口 1、2三种方法的介绍和比较 1、2、1、实现Runnable接口相比继承Thread类有如下优势 1、增强程序的健壮性，将业务逻辑与线程调度分离 2、线程池只能放入实现Runable或Callable类线程

2024年02月02日
浏览(47)
Redis实现限流的三种方式

所谓固定窗口限流即时间窗口的起始和结束时间是固定的，在固定时间段内允许要求的请求数量访问，超过则拒绝；当固定时间段结束后，再重新开始下一个时间段进行计数。我们可以根据当前的时间，以分钟为时间段，每分钟都生成一个key，用来inc，当达到请求数量就返回

2024年02月11日
浏览(45)
SpringBoot实现分页的三种方式

一自己封装Page对象实现博客链接二使用sql实现分页 2.1 场景分析前段传递给给后台什么参数? 当前页码 currentPage 每页显示条数 pageSize 后台给前端返回什么数据? 当前页数据 List 总记录数 totalCount 2.2 前段代码 2.3 后端代码 PageBean mapper service impl controller 三使用PageHelper插件

2024年02月10日
浏览(50)