首页 > 代码库 > chrome浏览器解决 跨域调试问题

chrome浏览器解决 跨域调试问题

 

 1、关闭chrome浏览器(全部)

 

2、找到桌面chrome浏览器图标,右键“属性” 如图:

技术分享

 

3、在目标最后添加 : 

--disable-web-security --user-data-dir  
前边有空格, 在 ‘--‘ 前

"C:\Program Files (x86)\Google\Chrome\Application
\chrome.exe" --disable-web-security --user-data-dir

4、确定 ,重新打开浏览器,这时会出现:

技术分享


这时就可以跨域访问了,如果涉及到cookie传递那就继续往下看。。。。。。。

==============================================================================================================
实际中,情况是多变的,比如服务器与前端 cookie传输

       理论上:

 $.ajax({
        headers: {‘Cookie‘ : document.cookie },
        url: "sub.domain.com",
        success: function(){}
})
 通过修改请求头是可以传递cookie等信息的。但是w3c的标准写的很清楚,cookie,connection和content-length等是不安全的字段,
容易导致多种的request smuggling攻击,不允许编程设置。这些字段浏览器会自动帮你设置,
如果设置就会报出错误:“Refused to set unsafe header "Content-Length"。
 通过修改请求头是可以传递cookie等信息的。但是w3c的标准写的很清楚,cookie,connection和content-length等是不安全的字段,
容易导致多种的request smuggling攻击,不允许编程设置。这些字段浏览器会自动帮你设置,
如果设置就会报出错误:“Refused to set unsafe header "Content-Length"。

 

==================================================================================================

 

了解这些后,跨域的同时,如何把cookie传递过去那 ?

1、在本地找到

 C:\Windows\System32\drivers\etc\host   文件打开

 

技术分享

 

指定域名映射到本地,这个域名可以任意,后边子域名要跟实际一致。

在setcookie时,会set指定域名下,

document.cookie = "pn=miao-test;path=/;domain=miao.cn";

 

本地可以是apache 或是 nginx服务都可以,配置默认项目启动路径后,启动apache:

技术分享

 测试地址:

技术分享

 

chrome浏览器解决 跨域调试问题