使chrome支持跨域访问

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

<div  style="width: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="width: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;width: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.重新启动浏览器

时间： 2024-10-06 10:19:11

使chrome支持跨域访问的相关文章

让Apache 和nginx支持跨域访问

1,如何让Apache支持跨域访问呢? 步骤: 修改httpd.conf,windows中对应的目录是:C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 把LoadModule headers_module modules/mod_headers.so 前面的注释删除修改改为: 即: <Directory /> AllowOverride none Require all granted Header set Access-Control-All

Apache 和nginx支持跨域访问

如何让你的 Asp.Net Web Api 接口，拥抱支持跨域访问。

由于 web api 项目通常是被做成了一个独立站点,来提供数据,在做web api 项目的时候,不免前端会遇到跨域访问接口的问题. 刚开始没做任何处理,用jsonp的方式调用 web api 接口,总是报一个错误,如下: 如果你想用JSONP来获得跨域的数据,WebAPI本身是不支持javascript的callback的,它返回的JSON是这样的: {"YourSignature":"嫁人要嫁程序员,钱多话少死得早"} 然而,JSONP请求期望得到这样的JSON

nginx：支持跨域访问

在http节点中配置: #支持跨域访问 add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPTIONS; 参考网址:http://www.51testing.com/html/96/215196-829360.html

阿里云服务器ECS Apache、Nginx 配置支持跨域访问

问题描述如何让 Apache.Nginx支持跨域访问. 处理办法配置 Apache 跨域访问步骤: 修改 httpd.conf. 把 LoadModule headers_module modules/mod_headers.so 前面的注释删除修改改为: 即: AllowOverride none Require all granted Header set Access-Control-Allow-Origin * 说明: 首先使用图形界面开启headers_module模块功

PHP 使网站进行跨域访问

如果需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求. 跨域请求在网页上很常见.例如网页从不同服务器上载入 CSS , 图片,Js 脚本等. 浏览器中,为了数据的安全,所有请求被严格限制在同一域名下,如果需要调用不同站点的数据,需要通过跨域来解决. <?php header("Access-Control-Allow-Origin: *"); header("Content-Type: application/json; charset=UTF-8

让浏览器进行跨域访问，开发阶段需要跨域访问的测试方案 chrome的快捷方式里面加 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security

Chrome浏览器的快捷方式里加一个命令可以使浏览器进行跨域访问 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security

支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示

随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Angularjs的框架来做UI,而数据则由另一个Web Api 的网站项目来支撑.注意,这里是两个Web网站项目了,前端项目主要负责界面的呈现和一些前端的相应业务逻辑处理,而Web Api则负责提供数据. 这样问题就来了,如果前端通过ajax访问Web Api项目话,就涉及到跨域了.我们知道,如果直接访问,正常情况下Web Api是不允许这样做的,这涉及到安全问题.所以,今天我们这篇文章的主

Spring Boot 2中对于CORS跨域访问的快速支持

原文:https://www.jianshu.com/p/840b4f83c3b5 目前的程序开发,大部分都采用前后台分离.这样一来,就都会碰到跨域资源共享CORS的问题.Spring Boot 2 对此提供了很好的解决方法. 更多CORS介绍,请看这里: CORS介绍 1.注解实现在Spring Boot 2中,提供了注解的方式来对CORS跨域访问进行支持. 1.1 在方法上注解可以将@CrossOrigin注解在方法上.这样该方法可以被跨域访问. 在方法上标注 1.2 在Controll