前端开发，自定义本地域名解析，更改host，模拟线上环境

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

希望网站 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。【hosts 文件只能控制 域名解析的 IP 地址，无法控制端口，所以不应该加端口。加端口是无效的】

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

mac电脑的话再终端输入，一定要加sudo ，要不没有权限修改只读的文件

sudo vi /etc/hosts

也可以再双击finder,然后前往文件夹输入etc/hosts找到hosts文件，然后用其他软件打开

 

window电脑 请参考

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