zoukankan      html  css  js  c++  java
  • 使chrome支持跨域访问

     在做后台开发的时候,使用了iframe框架。后台主页面如下:

    <div  style="185px; overflow: hidden;" id="west"  data-options="region:'west',split:true,title:'功能菜单'">
        <div class="easyui-accordion" fit="true" border="false">
            <iframe name="leftFrame" id="leftFrame" width="100%" height="100%" scrolling="yes" frameborder="NO"
                    style="100%;background-color:transparent;" allowTransparency="true"></iframe>
        </div>
    </div>
    <div id="mainPanle"  region="center" style="background: #eee; overflow:hidden; z-index: 10;">
        <!--height:100%;-->
        <div id="tabs" class="easyui-tabs" fit="true" border="false"> <!--style="height:100%;"-->
            <div title="欢迎使用" style="text-align:center;100%;height:100%;vertical-align:middle; text-align:center;" id="home">
                <iframe name="mainFrame" scrolling="auto" height="99%" width="100%" frameborder="0" 
                        src="welcome.html" ></iframe>
            </div>
        </div>
    </div>

    菜单页面在leftFrame中打开,点击菜单调用父页面的一个js方法:

    window.parent.addTab(menuid,menuname,url);

    上面的代码发布到服务器下访问没问题,但是在本地文件路径下执行就会报错:

    这里设计到跨域访问的问题,如果非要在本地来访问,可以这是chrome的参数。

    1.打开chrome快捷方式->属性

    2.末尾添加:

     --args --disable-web-security

    3.重新启动浏览器

    注意:

    如果你的chrome版本是49以上,则需要做如下设置

    "C:Program Files (x86)GoogleChromeApplicationchrome.exe" --disable-web-security --user-data-dir=E:MyChromeDevUserData

    蓝色部分可以自定义

  • 相关阅读:
    Yii2 composer报错处理
    bootstrap元素居中
    前端面试题
    control-lable的用法
    jenkins持续集成搭建
    gitlab管理平台搭建
    mysql8.0.11安装
    nexus私服搭建、配置、使用
    mysql5.7.22安装
    nginx配置阿里云免费ssl证书实现https化
  • 原文地址:https://www.cnblogs.com/gosky/p/5517421.html
Copyright © 2011-2022 走看看