使用cookie实现二级域名通信

生活总是充满着不同的需求

遇到了一个项目，需要用html页面嵌套着iframe，引入一个vue项目。

这个就不多说了，把项目部署到服务器上， iframe直接改src就行了。

但是问题来了，需要从html页面中传token给Vue项目，这就可以使用cookie。

首先交代一下 html和vue项目的地址分别为 xx.tjttzz.com和yy.tjttzz.com，一级域名是相同的！所以可以使用cookie直接通信了。

第一步先要给html页面设置一个cookie，path为/，domain为tjttzz.com
上代码：

 document.cookie = "test1=3a70dc172d6b99774bc009d5693f0f810afa2e42d58f45309bff9d2f1917274d;path=/;domain=tjthzc.com";

划重点强调！！！可不是随便document.domain=xxx就能解决问题的，一定要在设置cookie时把domain也设置好，不然毛用没有！亲测被坑了三个小时。

这时候去iframe的页面里面获取cookie，这里只有一个，所以直接获取。

let token = document.cookie

成功解决！又熬到1点了 睡觉保头发