js获取其他域名cookie

发布日期： 2025-12-13 阅读量： 作者： admin

昨天在鼓捣一个跨站点的项目需求，脑子里突然蹦出个想法：两个不同域名的网站能不能互相读取对方的cookie？说干就干，我立马打开了编辑器开撸。

一开头的笨办法翻车现场

我上来直接在新域名下写了个简单粗暴的JS：。结果控制台当场给我甩红字："跨域请求被浏览器拦截"。翻文档才想起来浏览器有个叫同源策略的规矩，不同域名的cookie根本不让碰。

不死心又试了XMLHttpRequest往另一个域名发请求，这回倒是不报错了，可打开开发者工具一看——请求头里死活带不上cookie！折腾半小时才整明白，原来跨域请求默认不带凭证信息，得手动加个配置：

服务器端得设Access-Control-Allow-Credentials: true
客户端发请求时要加withCredentials: true

歪门邪道撞南墙

半夜突发奇想：要是用iframe套娃？在两个域名下分别部署了测试页：

*里嵌了*的iframe
*里藏了段读取cookie的脚本

结果iframe加载完就直接空白——现代浏览器早把这种骚操作封杀了！控制台明晃晃警告："跨域iframe禁止访问DOM"。气得我猛灌两罐红牛。

曲线救国方案

搞了个土法子：在*部署个cookie中转接口。分三步走：

1. 在*写个API接口，用*的读取当前域名cookie

2. 接口返回数据时特意处理：Access-Control-Allow-Origin精准设置成*

3. 从*发带credentials的fetch请求：

fetch('*/api', {

credentials: 'include'

这回终于看到数据回传了！可打开返回数据瞬间傻眼——*的登录态cookie虽然传回来了，但浏览器死活不让*的JS存这些数据。原来安全机制把跨域响应里的Set-Cookie头自动屏蔽了。

终极缝合怪方案

只能玩组合拳：

让用户先在*点按钮跳转到*

*收到请求时把cookie塞进URL参数

跳转回*时通过参数传递

实操时发现个坑：URL有长度限制！改成用localStorage当跳板：*把cookie存localStorage，*通过postMessage跨域取。测试时手抖没设targetOrigin参数，弹出个安全提示差点把我送走。

搞完这摊子破事已经凌晨三点。悟出个道理：浏览器不让跨域读cookie是真的为你但凡换个路子能实现需求，都别碰这高压线。

上一篇

top域名有投资价值吗？(投资回报率真实案例)

下一篇

暂无

随便看看

定制app软件哪家强？(这几个优势要对比！) 发布日期： 2025-11-03

建站找什么公司不踩坑？这份避坑指南请收好 发布日期： 2025-10-19

白酒新品推广案例分享：看XX品牌如何引爆市场 发布日期： 2025-10-24

成熟网站制作公司，帮你快速建站省心省力！ 发布日期： 2025-10-23

长沙网络推广怎么做？这些方法简单又有效！ 发布日期： 2025-10-31