在网页框架中点击链接，报错：Uncaught DOMException Blocked a frame with origin from accessing a cross-origin frame 的分析解决

1、在网页框架中点击链接，报错：Uncaught DOMException: Blocked a frame with origin “https://cmcp.cmc.tianyirm.cn” from accessing a cross-origin frame. at toDetail (https://cmcp.cmc.tianyirm.cn/sub-sites:253:19)，如图1

图1

2、点击 at toDetail (http://cmcp.cmc.tianyirm.cn/sub-sites:253:19) 查看，如图2

图2

parent.$RouterTo

Uncaught DOMException: Blocked a frame with origin "https://cmcp.cmc.tianyirm.cn" from accessing a cross-origin frame.

3、仔细分析其原因，同源策略阻止脚本访问来源不同的站点的内容，网址为：https://console.cmc.tianyirm.cn ，框架内为：https://scmcp.cmc.tianyirm.cn ，但是要打开的链接为：http://web.cmc.tianyirm.cn ，将 parent.$RouterTo 调整为 window.$RouterTo，如图3

图3

    function toDetail(id,siteId){
        if(window.$RouterTo){
            window.$RouterTo('#terrace/detail/?id='+id+'&select_site='+siteId+'&type_site=1');
        }else{
            location.href = '/Terrace/detail?id='+id+'&select_site='+siteId+'&type_site=1'
        }
    }
    function redirectToSubstation(node){
        var flag=$(node).attr('flag');
        var select_time=$('#select_time').val();
        if(node==undefined){
            flag=$('#select_type').val();
        }else{
            flag=$(node).attr('flag');
        }
        var select_site=$('.right--content .left-menu').find('li.active').parent('ol').attr('siteid');
        var select_catalogId=$('.right--content .left-menu').find('li.active').attr('cataid');
        if(window.$RouterTo){
            window.$RouterTo("#terrace/substation/?flag="+flag+'&select_time='+select_time+'&select_site='+select_site+'&select_catalogId='+select_catalogId);
        }else{
            location.href = '/Terrace/substation?flag='+flag+'&select_time='+select_time+'&select_site='+select_site+'&select_catalogId='+select_catalogId;
        }
    }

4、在网页框架中点击链接，已经可以正常打开：http://web.cmc.tianyirm.cn ，如图4

图4