最近的一个需求搞得我心力交瘁，需求如下

希望网站 xxx.com 和网站 xxx.cn 统一登录状态，也就是说一个 com 站点登录，需要同步更新 cn 站点的用户，退出登录同理

实现原理是使用 iframe + postMessage + localstorage，具体的实现方法可以参考这篇文章

【我不是熟悉的javascript】使用postMessage+iframe实现授权登录, 适用于不同站点，不同域名_我有一棵树的博客-CSDN博客【我不是熟悉的javascript】使用postMessage+iframe实现授权登录https://blog.csdn.net/qq_17335549/article/details/127776863问题是我们改了之后怎么测试呢，总不能直接上线测试吧，万一出问题就大事不妙了，所以可以在本地模拟线上的域名进行测试，这个方法可真是好极了。

把本地启动的服务地址比如 http://10.10.10.10:80 分别映射到 http://xxx.com  和 http://xxx.cn，注意一定要是80端口，因为http默认的端口是80。

怎么映射呢？也就是设置本地域名解析？

mac电脑的话再终端输入

sudo vi /etc/hosts

window电脑 请参考

这样我们 皆可以直接访问  http://xxx.com  和 http://xxx.cn  进行测试了