在网页框架中点击链接,报错: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
2、点击 at toDetail (http://cmcp.cmc.tianyirm.cn/sub-sites:253:19) 查看,如图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
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
近期评论