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:

测试地址:

时间: 2024-08-02 15:21:30

chrome浏览器解决 跨域调试问题的相关文章

浅谈配置chrome浏览器允许跨域操作的方法

本文出处:http://www.cnblogs.com/lyingSmall/p/5198624.html 在配置浏览器实现允许跨域之前,我们需要了解跨域的概念. 1:什么是跨域? 答:跨域是指从一个域名的网页去请求另一个域名的资源.比如从http://www.baidu.com/ 页面去请求 http://www.google.com 的资源.跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域.(答案出处:链接:https://www.zhihu.com/quest

chrome浏览器的跨域设置——包括版本49前后两种设置

做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多chrome跨域设置教程.但是新版本的chrome浏览器提高了跨域设置的门槛,原来的方法不再适用了.下面笔者简单介绍一下新版本chrome的跨域设置方法. 版本号49之前的跨域设置 先介绍一下老方法,参考了一些网上的教程,其实直接在打开命令上加--disable-web-security就可以了. 具体做法为: 1.下载并安装好chorme浏览器后在桌面找

Chrome浏览器允许跨域请求配置

最近有个做数据标注的任务,但是标注平台是别人公司的,他们又不愿意对平台进行升级改造: 其实要改的地方也很简单,就是对页面做一些处理,做一些脚本控制. 没办法,做了个 iframe 给她嵌入到我们自己的网页里,但是问题来了,就是跨域的问题. iframe 是不允许进行跨域访问的,和ajax请求一样不允许跨域访问. 允许google浏览器跨域ajax提交 在启动chorme时加上 --allow-file-access-from-files 或者 -disable-web-security 建议用前

windows & mac chrome浏览器的跨域设置—包括版本49前后两种设置

做前后分离的webapp开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,好在chrome浏览器就是支持可跨域的设置,网上也有很多chrome跨域设置教程.但是新版本的chrome浏览器提高了跨域设置的门槛,原来的方法不再适用了.下面笔者简单介绍一下新版本chrome的跨域设置方法. 版本号49之前的跨域设置 先介绍一下老方法,参考了一些网上的教程,其实直接在打开命令上加--disable-web-security就可以了. 具体做法为: 1.下载并安装好chorme浏览器后在桌面找

浏览器解决跨域

有的公司后台没有设置浏览器跨域,所以我们就要在本地设置浏览器跨域,我用的是谷歌浏览器,步骤如下: 1.找到谷歌浏览器的安装目录,如:C:\Program Files (x86)\Google\Chrome\Application,复制此路径: 2.在桌面新建记事本把 第一行 写 刚刚复制的路径:第二行 写 chrome.exe --disable-web-security --user-data-dir=C:\MyChromeDevUserData 3.把 文件名后缀改成:.bat;以后只要双击

chrome浏览器的跨域设置

原文链接  https://www.cnblogs.com/shihaiming/p/10984394.html 版本号49之前的跨域设置 先介绍一下老方法,参考了一些网上的教程,其实直接在打开命令上加--disable-web-security就可以了. 具体做法为: 1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏.2.在属性页面中的目标输入框里加上   --disable-web-security  如下图所示: 3.点击应用和确定后关闭属性页面,并打开

修改浏览器属性配置的作用---开发机上解决跨域的方式

开发阶段解决跨域问题,可以通过修改浏览器属性配置,来关闭浏览器的同源策略保护机制,从而实现解决跨域问题,有下面三种方式:1. MAC系统,终端输入代码段 "open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/admin/MyChromeDevUserData/" 2.window系统,cmd输入代码段 "C:\Program Files (

让浏览器进行跨域访问, 开发阶段需要跨域访问的测试方案 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     

浏览器禁止跨域访问及解决: No 'Access-Control-Allow-Origin' header is present on the requested resource.

一.出现报错 二.原因: 1.跨域访问是浏览器做的一个保护机制(html5页面需要浏览器渲染) 2.如果页面所访问的后端没有部署在同一个浏览器也会报错 三.跨域问题的解决方式: A.通过后端访问后端的方式解决.     B.通过页面的漏洞来解决--jsonp(不常用) C.现在浏览器支持cors,当然需要我们后端代码也要支持跨域,springMVC是支持cors 写一个配置类:通过接口WebMvcConfigurer来放行跨区域访问 注意事项: 1.跨区域的路径必须是全路径(URL+端口号) 如