Iframe跨域访问LocalStorage难题及解决方案

在使用Iframe进行跨域访问时，常常遇到无法读取子页面LocalStorage数据的难题。然而，直接在新窗口打开页面却可以正常读取。本文分析此问题并提供解决方案。

问题根源分析

此问题主要源于浏览器安全策略对跨域访问LocalStorage的限制。此外，也需排除LocalStorage内容为空的可能性。

AI舌诊面诊问诊医疗系统+诊疗商城系统源码

AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序，基于浩创云、ThinkPHP（PHP）开发，支持微信服务号与 H5 端，适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。

下载

解决方法

1. 代码排查：仔细检查业务代码，确保没有其他代码干扰Iframe对LocalStorage的访问。
2. 数据验证：确认子页面LocalStorage中确实存在数据，而非空值。

跨域单点登录方案

由于跨域限制，无法通过共享Storage实现单点登录。以下提供两种替代方案：

• 相同子域名：设置Cookie的domain属性为顶级域名，实现子域名间Cookie共享。
• 不同子域名：采用CAS(Central Authentication Service)机制。用户登录后，服务器生成Service Ticket，并将其作为参数重定向到应用，应用后端验证Ticket有效性。

更多关于单点登录的详细流程和实现方法，请参考：单点登录（SSO）详解