使用postMessage API和iframe嵌套，iframe的localStorage没有数据

`postMessage` API是一种允许不同源之间进行安全通信的方式，它通过消息传递的方式来允许页面间的交互。在使用`postMessage`和`iframe`嵌套的场景中，如果遇到`iframe`的`localStorage`没有数据的情况，通常是因为以下几点：

1. 浏览器的同源策略限制：浏览器出于安全考虑，不同源之间的`iframe`默认情况下不能直接访问对方的`localStorage`。如果父页面和`iframe`页面不是同源的，它们之间互相无法访问对方的`localStorage`。同源指的是协议、域名和端口号都相同。

2. 数据存储的时机问题：如果`postMessage`用于传递数据，需要确保发送和接收消息的脚本正确执行，并且接收消息的脚本中应该有处理`localStorage`的逻辑，例如在接收到消息后，使用`localStorage.setItem`来存储数据。

3. 跨域策略未正确配置：如果父页面和`iframe`确实属于同源，但是`iframe`的`localStorage`仍然为空，可能是由于跨域资源共享（CORS）策略未被正确配置导致。确保服务器端发送了正确的CORS头部信息。

在使用`postMessage`进行跨域通信时，确保以下几点：

- 发送消息的页面需要使用`postMessage`方法发送消息，并指定接收消息的域。
- 接收消息的页面需要在`window.addEventListener`监听`message`事件，以便接收并处理消息。

例如，父页面向`iframe`发送消息并希望`iframe`能够保存数据到`localStorage`的代码大致如下：

父页面代码：

var iframe = document.getElementById('my-iframe');
iframe.contentWindow.postMessage('some-data', 'http://example.com');

`iframe`中的代码：

window.addEventListener('message', function(event) {
    if (event.origin !== 'http://parent-origin.com') {
        return; // 验证来源，确保消息是从预期的域发送过来的
    }
    localStorage.setItem('data', event.data); // 保存数据到localStorage
});