如何在React/Redux应用中访问第三方iframe的Redux Store？

默认情况下不行，核心原因是浏览器的同源策略限制：

• 只要你的主应用和第三方iframe不属于同一域名（包括子域名、协议、端口不同），主应用的JavaScript就无法直接访问iframe内部的任何变量、对象或Redux Store——哪怕Redux开发者工具能看到iframe的状态，那是因为浏览器扩展有特殊权限，能跨上下文捕获Store数据，这和你的应用代码所处的环境完全不同。
• 你在window对象里找不到相关存储，说明第三方iframe没有把Redux Store暴露到全局上下文；就算它暴露了，跨域情况下你也拿不到。

可行的解决方案 #

1. 让第三方服务配合发送数据（最优解）

既然iframe在任务完成时会发消息，直接让第三方修改逻辑，在发送成功提示的同时，把你需要的Redux状态数据通过postMessage传给主应用：

• 第三方iframe侧代码示例：

  // 任务完成时，获取Redux状态里的目标数据
  const neededData = store.getState().yourTargetData;
  // 发送给主应用，指定主应用域名避免安全风险
  window.parent.postMessage(
    { type: 'IFRAME_TASK_SUCCESS', payload: neededData },
    'https://your-main-app-domain.com'
  );
  

• 你的主应用侧监听消息：

  window.addEventListener('message', (event) => {
    // 验证消息来源，防止恶意数据
    if (event.origin !== 'https://third-party-domain.com') return;
    if (event.data.type === 'IFRAME_TASK_SUCCESS') {
      const neededData = event.data.payload;
      // 在这里处理数据，比如存入你的Redux Store
    }
  });
  

2. 同域名场景下的特殊处理（仅适用于同域）

如果主应用和iframe是完全同域名，可以让第三方把Redux Store挂载到iframe的window对象上，比如：

// 第三方iframe内部代码
window.thirdPartyStore = store;

然后你的主应用可以通过iframe.contentWindow.thirdPartyStore.getState()获取状态——但你说没在window里找到，说明第三方没这么做，而且跨域的话这个方法完全无效。

3. 不要依赖Redux开发者工具

Redux devtools的API是给浏览器扩展用的，你的应用代码无法直接读取它捕获的状态，而且用户可能没装这个工具，所以这个路径完全不可靠。

总结 #

最靠谱的方式就是和第三方服务沟通，让他们通过postMessage主动传递你需要的数据。其他方法要么受同源策略限制，要么稳定性无法保障。

内容的提问来源于stack exchange，提问作者Solomon Park