iframe框架內嵌vue項目：Blocked a frame with origin "http://xxxx" from accessing a cross-origin iframe.解決辦法

場景：

網站iframe內嵌vue項目

原因：

iframe框架跟內嵌網頁跨域

例如

網站域名：http://test.com       iframe內嵌域名http://casey.test2.com則會出現上邊報錯

解決方法

vue項目app.vue文件<script>下設置document.domain = 'test.com'  // 設置vue項目主域跟網站主域一致

延伸：

如果網站域名多級例如http://aaa.test.com      iframe內嵌域名http://casey.aaa.test2.com則會出現上邊報

同理：vue項目app.vue文件<script>下設置document.domain = 'aaa.test.com'  // 設置vue項目主域跟網站主域一致