多个iframe嵌套，或者加载在一个主体项目，或者页面里。从iframe拖拽，添加数据到主体项目或者页面上，跨域问题解决

Uncaught DOMException: Blocked a frame with origin “http://abc.aaaa.com” from accessing a cross-origin frame.

上面的信息一看，就是跨域了

解决，把domain 统一一下,涉及到的项目里，把domain都设置成一样的

如果用的vue项目，那就在main.js中或者App.vue里面，写上

if (!location.origin.includes('localhost')) {
   
  document.domain = 'xxx.com'
}

注意这里是主域名保持一致，就行。就是一级域名，比如：baidu.com

我们项目里遇到的问题就是，iframe加载了另一个域名下的项目

我们的项目域名是这样的：
主项目：abc.aaaa.com
iframe项目-1：def.aaaa.com
iframe项目-2：hig.aaaa.com
iframe项目-3：opq.aaaa.com

从上面可以知道，我们项目的主域名是一样的，都是 aaaa.com

所以在我们的项目入口文件设置 document.domain = ‘aaaa.com’

另外记录一下，托拽的问题吧，留着以后自己用

dragstart（e）{
const dragData = {
	data: [
		{
			contentType: 'aabbc