浏览器跨域

谷歌浏览器跨域代理的多种方法。

协议（http/https）、域名（example.com）、端口（:8080）三者完全一致。

出于浏览器的限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能不能使用。可以说Web是构建在同源策略基础之上的，。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）1、无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB2、无法接触非同源网页的 DOM。

在我们进行前端开发的时候，我们请求的后端的接口可能是在不同的域名之下，就会产生跨域的问题，跨域是浏览器本身从安全策略（同源策略）考虑的，默认会限制跨域的请求，因为使用不当，可能会导致一些安全问题，包括用户隐私数据的泄露，而在实际开发中，我们可能需要有跨域的需求，那么从前端的角度怎么去解决呢？

然后就是你跑项目打开的浏览器要用这个浏览器副本（跨域浏览器）打开，如果你是用之前的正常浏览器来打开的话，还是会有跨域。优点：不需要你有任何的开发经验都可解决，如果你是纯新手，用这种方式反而更快。缺点：1.不通用性。只能解决自己的跨域问题，并不能解决其他前端同事的，如果同事也要处理，则也需要制作一个跨域浏览器。但是一般来说一个项目的前端也就1-2个人，所以这种方式适用于人不多的项目。2.不便于维护。后面的人不知道你是用这种方案解决跨域的话，就挺难受的。

一般跨域都是通过后台处理的，但是有个别情况后台无法处理时，我们可以通过关闭浏览器的跨域限制来实现接口跨域访问。基于内核的浏览器都可以通过指定参数来关闭跨域。：禁用网页安全性功能，用于解决跨域问题：浏览器存储用户配置文件的目录，可以自定义。新版本不设置关闭跨域会不生效，建议设置一下。

Chrome浏览器的跨域设置

同源策略:当然同源策略限制也不是绝对隔离不同源的站点，比如link、img、script标签都没有跨域限制，这让我们开发更灵活了CORS跨域 简单请求：浏览器直接发出CORS请求。具体来说，就是在头信息之中，增加一个Origin字段 如果Origin指定的源，不在许可范围内，服务器会返回一个正常的HTTP回应。浏览器发现，这个回应的头信息没有包含Access-Control-Allow-Origin字段，就知道出错了，从而抛出一个错误，被XMLHttpRequest的onerror回调函数捕获。注意，这种

一分钟学会跨域浏览器 第一步 :创建一个文件夹,(自己找一个盘) D:\kuayu 第二步 :创建一个谷歌浏览器的快捷方式 第三步 :在快捷方式点右键 ==> 属性 ==> 目标,移到最后,加入空格,粘贴 --disable-web-security --user-data-dir=D:\aaa (这里的D:\aaa 是我自己建的文件夹,你需要把你自己建的文件夹路径写在等号后面) 第四步 :点击确定,打开就是跨域浏览器 ...

预检请求的请求方式Options，通过会在请求头中携带跨域请求的请求方法，由于造成本次请求不是普通请求的原因是，请求的方法为put，所以请求头通过Access-Control-Request-Method: PUT, 询问服务器是否允许put请求进行的跨域访问，如果不允许，那么浏览器就不会发送这一次的请求，同时抛出错误。上面的成功实例是在edge浏览器中实现的。不是普通请求就是预检请求，当一个请求是预检请求的时候，浏览器不会立即发送这次的请求，而是会先构建一个报文，询问服务器是否允许这样的请求发送给它。

主要是出于浏览器的同源策略限制，它是浏览器最核心也最基本的安全功能。当一个请求url的三者之间任意一个与当前页面url不同即为跨域。比如：例子1: https：//aaa.com 于 http://aaa.com 存在跨域例子2: 127.x.x.x:8080 于 127.x.x.x:8181 存在跨域例子3: https://aaa.com 于 https://bbb.com 存在跨域。

例如：a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。用nginx作为代理服务器和用户交互，这样用户就只需要在80端口上进行交互就可以了，这样就避免了跨域问题，因为我们都是在80端口上进行交互的；（真正干活的服务器）跨域：是指浏览器在发起请求时，会检查该请求所对应的协议，域名，端口和当前网页是否一致，如果不一致，则。（同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域）

dev环境，本地开发配置。

记录-谷歌浏览器 跨域设置

浏览器跨域原因和解决方式

介绍一下浏览器跨域访问问题及其解决方案

1、为什么会有跨域问题的存在？   JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象，即同源政策。 2、什么是同源？   1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。   最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。   （1）、协议相同

浏览器跨域问题的原因及其前后端如何解决跨域问题