localStorage的跨域问题解决方案

最新推荐文章于 2026-05-20 20:38:09 发布
转载 最新推荐文章于 2026-05-20 20:38:09 发布 · 3.7k 阅读 · 0
引自：http://mutongwu.iteye.com/blog/2087933

http://mutongwu.iteye.com/blog/2087933

guonei001
关注
如何使用localstorage代替cookie实现跨域共享数据问题
01-19
一，背景   因为网站系统的日益庞大，不同域名业务，甚至不同合作方网站的cookie可能或多或少需要进行共享使用，遇到这个情况的时候，大家一般想到的是使用登录中心分发cookie状态再进行同步进行解决，成本较高而且实施起来比较复杂和麻烦。 因为cookie在跨域的情况下，浏览器根本不允许互相访问的限制，为了突破这个限制，所以有了以下这个实现方案，使用postmessage和localstorage进行数据跨域共享。 原理比较简单，但是遇到的坑也不少，这里梳理一下，做个备份。 二，API设计 背景中说过我们使用localstorage来代替cookie，本身localstorage和cookie
localstorage如何跨域获取(代码实例)
jingdianjiuchan的博客
03-23 4930
使用postMessage跨域通信在A域名的页面中，可以使用postMessage方法将localStorage的值发送到B域名的页面中，B域名的页面中再通过监听message事件获取localStorage的值。示例代码：在A域名的页面中。使用服务器代理在A域名的页面中，可以通过服务器代理的方式将localStorage的值传递给B域名的页面。在服务器代理中，可以通过以下代码获取localStorage的值，并将其返回给请求的页面。
localstorage跨域问题
simong_zhang的博客
02-24 9934
localstorage在泛域名下也存在跨域问题，要想解决这个问题可以通过postmessage。以登录为例，登录后获取的用户信息通过localstorage存储在A.xx.com下，若B.xx.com下的页面需要获取用户信息可以做如下操作：A.xx.com           存储用户信息到localstorage<!doctype html><html>    <...
localstorage是什么？
最新发布
2501_91858975的博客
05-20 516
localStorage是浏览器提供的本地存储机制，属于Web Storage API，用于以键值对形式存储数据（容量约5MB），数据持久保存且不会随请求发送。与cookie相比，它容量更大、生命周期更长，适合存储用户偏好、缓存数据等。基本操作包括setItem()、getItem()、removeItem()和clear()。常见应用场景包括保存登录Token、用户配置和表单暂存数据，但需注意XSS攻击风险，避免存储敏感信息。它是前端开发中便捷的非服务端数据存储方案。
localStorage如何跨域
晚安
04-28 5287
具体来说，iframe 标签可以通过 src 属性指定要嵌入的 HTML 页面的 URL，该页面会被加载到 iframe 标签所在的页面中。localStorage 是 HTML5 中的一个 Web 存储 API，它可以将数据存储在浏览器中，供同一域名下的页面共享和访问。由于浏览器的同源策略，localStorage 的数据只能被同一域名下的页面访问，不能被其他域名下的页面访问。通过使用 iframe 标签，可以在一个 HTML 页面中嵌入另一个 HTML 页面，从而实现页面的嵌套和复用。
跨域的localstorage
牧童
07-03 1800
IE6/7不支持，其它浏览器ok。 [b]1. 有个代理页面，放在公共的域名下。[/b] [code="html"] (function(){ function handleRequest(event){ try{ var data = JSON.parse(event.data); var storage...
localstorage存储的跨域解决方案
我笔记
12-18 1万+
localstorage也存在 跨域的问题， 【解决思路如下】 在A域和B域下引入C域，所有的读写都由C域来完成，本地数据存在C域下; 因此 A哉和B域的页面必定要引入C域的页面; 当然C域最好是主域，原因后面会提到(在localstorage 不方便的情况下使用cookie); 【A域】【B域】需要读写时，通过postMessage 向【C域】发送跨哉消息， 【C域】监听跨域消息，在接...
前端利用 localStorage 存储 Token 及跨域问题解决方案
dd的博客
08-26 843
前后端分离已经是现代 Web 开发的主流模式，在这一模式下，前端通常会通过接口与后端交互，完成数据请求、身份认证等功能。而在身份认证这一环节，前端通常会拿到后端返回的Token，用于后续请求的身份标识。那么，前端拿到这个 Token 之后，通常是怎么存储的呢？很多人会选择。今天我们就来详细聊聊它的原理使用方式，并顺便讲讲大家经常遇到的跨域问题以及解决方案。是浏览器提供的一种本地存储机制，属于。它用于在客户端本地保存少量的键值对数据。浏览器有同源策略，不同协议 / 域名 / 端口为什么拦截？
【前端如何利用 localStorage 存储 Token 及跨域问题解决方案】
qq_45973421的博客
07-17 1509
前端利用localStorage存储Token及跨域解决方案 存储Token：前端通过localStorage.setItem()存储后端返回的Token，刷新页面不丢失，适合持久化身份凭证。读取时通过getItem()获取，请求时放入Authorization请求头。相比Vuex/Redux的内存存储更稳定。 跨域问题：浏览器同源策略会拦截不同源的请求。解决方案包括： 后端配置CORS：添加Access-Control-Allow-Origin等响应头 开发环境代理
前端学习记录（二）：session，localStorage，sessionStorage,cookies和跨域问题
liuchao_sun的博客
03-21 1万+
session，localStorage，sessionStorage,cookies 众所周知，对于一个应用程序来说，不管是web工程还是app工程，对数据的存储往往分为两大块，一块是存储在大容量的数据库中，例如流行的mySQL数据库，Oracle数据库等，存储在数据库的信息一般都是存储到服务器主机的硬盘当中。而除此之外，还有一种将数据临时存储在客户端如浏览...
localStorage和cookie的跨域解决方案
weixin_30679823的博客
07-30 750
前言 localStorage和cookie大家都用过，我前面也有文章介绍过，跨域大家也都了解，我前面也有文章详细描述过。但是localStorage和cookie的跨域问题，好多小伙伴没有遇到或者不是很清楚，下面这篇文章，我来简单的聊聊！ 业务场景 cookie跨域的业务场景很多，例如： 1、百度www域名下面登录了，发现yun域名下面也自然而然登录了。 2、淘宝登录了，发现天猫也登录...
localStorage 跨域请求
freedom_fd的博客
05-13 2073
localStorage 跨域请求 http://www.a.jwt.com/login.php A网站 http://www.b.jwt.com/callback.php B 网站 A网站 获取 b网站的 localStorage 信息 A网站 <!DOCTYPE html> <html lang="en"> <head> <meta c...
跨域问题的解决方案
会飞的架狗师的博客
06-16 373
​1.什么是跨域？ 当一个页面请求url的协议、域名、端口三者之间任何一者与当前页面url不同即为跨域。举个例子： 当前页面url 被请求页面url 是否跨域 原因 http://www.yzfree.com/ http://www.yzfree.com/index.html 否 同源（协议、域名、端口号相同） http://www.yzfree.com/ https://www.yzfree.com/index.html 跨域 协议不同（http/https） http://www
LocalStorage跨域方法
我的博客简介
01-26 3465
方法打开另一个窗口时，被打开的窗口可以通过 window.opener 引用到打开它的窗口。利用这个引用，可以在不同窗口间进行消息传递，从而实现将数据存储到。通过在不同窗口间发送消息，将需要共享的数据进行传递，并在目标窗口中将数据存储到。无论使用哪种方法，都需要注意安全性，并只允许可信的域名进行跨域访问。使用服务器端中转：如果你有一个自己控制的服务器，可以通过服务器端中转来实现跨域访问。时，可以将数据发送到服务器端，然后服务器端将数据存储在自己的。在需要获取存储数据时，可以通过服务器端提供的接口获取数据。
localstorage跨域解决方案
热门推荐
sflf36995800的博客
11-22 3万+
localstorage也存在 跨域的问题， 【解决思路如下】 在A域和B域下引入C域，所有的读写都由C域来完成，本地数据存在C域下; 因此 A哉和B域的页面必定要引入C域的页面; 当然C域最好是主域，原因后面会提到(在localstorage 不方便的情况下使用cookie); 【A域】【B域】需要读写时，通过postMessage 向【C域】发送跨哉消息， 【C域】监听跨域消息，在接...
localstorage浏览器标签页跨域数据交互解决方案
l198738655的博客
06-03 6899
最近做个项目，需要两个不同域名的标签页能共享数据，最开始用的是最直接的方式直接用POST或GET方式发送数据，让服务器中转一下。后来又觉得只要本地的两个浏览器标签页能够交换数据就行，何必绕路去服务器那绕一圈回来，又耽误时间又没必要，搞技术嘛就是要有追求，要尝试各种可能。现代浏览器因为安全策略问题是不允许浏览器写硬盘上的文件的，读是可以的，比如读的json文件读个txt文件啥的，实在要写也行，写入文件后会把写入修改后的文件作为一个下载项下载保存。这就不是鄙人想要的效果了，鄙人只是想弄一个共享区域让两个...
跨域窗口通讯，可实现跨域单点登录
qq_28631073的博客
10-27 749
实现思路 参考淘宝和天猫的跨域单点登录实现思路由于localstorage不能跨域存取，要想跨域读取，这时候可以找一个中间者来实现。例如有A、B两个不同域名的网页，要想实现A向B发送消息或者B向A发送消息，这时候我们可以找一个C网站，让A和B网站都通过iframe包含C网站，通过C网站监听消息，并将消息存入localstorage中，实现A和B的通讯 单点登录 目前比较主流的项目都是前后端分离的项目，此时会使用token来验证用户信息。这时要想实现单点登录无非就是不同的网站能拥有已经登录过网站的token和
同源策略、跨域解决方案
顺其自然~专栏
04-16 1043
一、同源策略 1、先来说说什么是源 源（origin，起源）就是协议、域名和端口号。如某url中的源就是：http://www.company.com:80。若地址里面的协议、域名和端口号均相同则属于同源。 以下是相对于http://www.a.com/test/index.html的同源检测 • http://www.a.com/dir/page.html----成功 • http://www.child.a.com/test/index.html----失败，域名不同 • https:...
localstorage的跨域存储方案
qq_49173190的博客
08-17 5594
localstorage的跨域存储
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值