哎呀，写代码Zui烦的是啥？就是那东西报错啊，红彤彤的一片。特别是那东西啥跨域问题，真实的是让人头巨大。今天我就来给巨大家讲讲，这玩意儿跨域到底是个啥玩意儿，还有怎么把它给干掉。别kan它名字听起来挺高大巨大上的，其实说白了就是浏览器在搞鬼。咱们这篇文章啊， 就是要深厚入浅薄出地聊聊这玩意儿事儿，保证你kan完之后虽然兴许还是觉得困难，但是至少许晓得是个啥了。

跨域是个啥？为啥老是报错？

先说说啊，咱们得搞清楚，啥叫跨域。轻巧松跨域是指一个域下的文档或脚本试图去求另一个域下的材料,而被浏览器的同源策略管束的现象。听着是不是有点绕？没事，我也觉得绕。咱们换个说法， 就是你在A网站，想用JavaScript去拿B网站的数据，这时候浏览器就不干了它说：“不行！为了平安，你不Neng这么干！”这就叫跨域。

那为啥浏览器要这么干呢？这就得提到那东西啥同源策略了。这玩意儿同源策略啊，是浏览器Zui核心也Zui基本的平安功Neng。Ru果缺少许了同源策略，则浏览器的正常功Neng兴许dou会受到关系到。你想啊，要是随便一个网页douNeng读取你银行网站的Cookie，那你的钱岂不是早就没了？所以啊，跨域虽然烦人，但也是为了护着咱们。

那怎么才算“同源”呢？这玩意儿规矩hen严，非...不可协议、域名、端口dou彻头彻尾一样，才算同源。只要有一个不一样，那就是跨域了。比如 从https://向http://发起求，或者从a.com向b.com发起求，那dou是跨域。浏览器会拦截这类求，除非服务器明确允许。这就像是你家隔壁老王，虽然住隔壁，但他不是你家人，你想进他家拿东西，那一准儿不行啊，得经过他赞成才行。

跨域的本质， 其实就是浏览器在“许多管闲事”

咱们得明白一点，跨域的本质是由浏览器的同源政策弄得的一种网络求管束。其实啊，服务器那边通常是不在乎是谁来求数据的，只要你发求，它就给你回数据。但是浏览器不干了。当一个网页试图通过XMLHttpRequest或Fetch API发起对不同源的HTTP求时 浏览器会阻止这种求，这就是跨域求。

所以说跨域问题其实是前端开发特有的问题。Ru果你用Java或者Python直接发求，根本就没有啥跨域不跨域的。只有坐在浏览器里的JavaScript才会受这玩意儿气。跨域是由浏览器同源策略对JavaScript施加的平安管束弄得,即浏览器不Neng施行其他网站脚本。这就像是你家孩子想去隔壁玩，你说不行，隔壁老王其实挺欢迎孩子的，但你就是不让去。

怎么解决这玩意儿让人头疼的跨域问题？

优良了说了半天恶劣话，咱们得想想办法。解决跨域的方法有优良几种，咱们一个个来说。每种方法dou有它的优不优良的地方，就像找对象一样，没有完美的，只有适合你的。

第一种：JSONP， 老掉牙但有时候还Neng用

这玩意儿JSONP啊，是个老古董了。它的原理:利用script标签的src属性Neng跨域求的特性,通过动态创建script标签来实现跨域。啥意思呢？就是咱们刚才说的，浏览器虽然拦截AJAX求，但是不拦截script标签啊。你想想，咱们平时引用jQuery库，不也是用script标签引用别的域名的文件吗？所以啊，机灵的人们就想了个办法，把数据包在script标签里传回来。

JSONP 原理其实挺轻巧松的，就是前后端配合一下。前端说：“我要个callback函数名”，后端就把数据放在这玩意儿函数里传回来。前端收到后直接施行这玩意儿函数，就拿到数据了。

但是呢，这玩意儿方法优良处:兼容性优良,可用于解决主流浏览器的跨域数据访问的问题。老版本的IEdouNeng用。但是不优良的地方:仅支持GET方法,具有局限性。你想POST数据？没门儿。而且啊，它只支持HTTP求，别的协议也不行。所以眼下用得越来越少许了不过有时候跟老接口打交道，还得靠它。

第二种：CORS， 眼下的主流，Zui正规的方法

这玩意儿CORS啊，全称叫跨域材料共享。听着就比JSONP高大级。CORS 原理:通过在服务器端设置特定的响应头,如Access-Control-Allow-Origin,来允许来自特定源的求。这玩意儿方法优良啊，优良处:功Neng有力巨大,支持各种HTTP方法,平安性较高大。你想POST就POST，想PUT就PUT，想DELETE就DELETE，随便你。

它是怎么干活的呢？轻巧松 就是服务器在返回数据的时候，顺便告诉浏览器“嘿，这玩意儿求是我允许的，你别拦着”。这玩意儿关键的头就是Access-Control-Allow-Origin。只要这玩意儿头设置的值包含你的域名，或者设置为“*”，浏览器就会放行。

不过呢，不优良的地方:需要后端配合,对于轻巧松求和预检求的处理有所不同。啥叫预检求？就是当你发一些麻烦的求， 浏览器会先发一个OPTIONS求去问问服务器：“巨大哥，我要发个POST求，还带了个特殊头，你让不让啊？”这叫预检。Ru果服务器说“让”，浏览器才会发真实正的求。所以啊，页面发起跨域求后,浏览器会先发起预检求,预检通过后,在发起正式求.即使通过了预检求,服务端对于业务求的响应也需要添加跨域头,不然还是会被浏览器拦截。挺麻烦的吧？所以后端得配置优良，不然前端还是拿不到数据。

第三种：代理服务器， 开发周围Zui常用

这玩意儿方法啊，这种方式通常用于开发周围中解决跨域问题。啥意思呢？就是既然浏览器不让前端直接找后端，那咱们就找个中间人——代理服务器。

代理服务器 原理:通过设置一个代理...。比如就是你在本地起一个服务器，然后前端向这玩意儿本地服务器发求。基本上原因是本地服务器和前端页面是同源的，所以没有跨域问题。然后这玩意儿本地服务器再去向后端服务器发求。服务器之间发求是没有同源策略管束的。所以数据就Neng拿回来了。这就优良比你想借隔壁老王的钱，你不优良意思去，就让你妈去借。你妈和你是一家人，你妈去借就没问题。

这玩意儿方法在开发的时候特别优良用，基本上原因是不用改后端代码。但是上线的时候，通常还是得用Nginx之类的反向代理来配置。

第四种：document.domain， 这玩意儿有点偏门

这玩意儿方法啊，基本上原因是浏览器是通过document.domain属性来检查两个页面是不是同源,所以呢只要通过设置相同的document.domain,两个页面就Neng共享Cookie(此方案仅限主域相同,子域不同的跨域应用场景。

啥意思呢？比如你有a.example.com和b.example.com这两个页面。它们主域dou是example.com，但是子域不一样。这时候， 只要在这两个页面的JavaScript里dou写上一句`document.domain = 'example.com';`，它们就Neng互相操作了还Neng共享Cookie。但是要注意啊， 这玩意儿方法设置document.domain解决无法读取非同源网页的 Cookie问题，但是前提是主域非...不可一样。要是一个是baidu.com，一个是google.com，那这玩意儿方法就废了。

第五种：IE浏览器的特殊待遇

哎， 说到IE，这真实是个让人又喜欢又讨厌的浏览器。解决IE浏览器跨域问题有修改浏览器设置、 用jQuery插件、修改js代码等方法。 修改浏览器设置 打开IE浏览器,在工具菜单下选择I...... 。不过眼下谁还用IE开发啊？估摸着也就那些个还在维护老项目的人头疼了。IE的平安机制跟别的浏览器不太一样， 有时候它那东西XDomainRequest对象也Neng解决点问题，但咱们眼下基本上还是kanChrome、Firefox这些个主流浏览器。

一下 别被跨域吓倒了

说了这么许多，其实浏览器跨域问题的原因及其前后端怎么解决跨域问题.本篇文章将深厚入介绍前端跨域问题,包括啥是跨域、跨域产生的原因、常见的跨域解决方案,一边还会讲解每种跨域解决方案的优不优良的地方.HTTP跨域问题解析与解决方案 摘要: 本文深厚入探讨了浏览器同源策略弄得的HTTP跨域问题,琢磨了其本质原因,并给了4种实用解决方案。

你kan， 虽然跨域问题听起来hen吓人，又是同源策略又是预检求的，但只要搞清楚了原理，解决起来也就那几招。要么让后端开个口子，要么自己搞个中转，要么用点老土的办法。阅读器的跨域问题以及解决方案Web平安手艺之阅读器的跨域访问阅读器,作为新潮Web开发的核心,承载着无数的网络应用。只是,在Web手艺开展的过程中,跨域问题始终是一个绕不开的困难题。它就像一道无形的屏障,挡着着前后端数据交互的自在流通。今天,我就来和巨大家聊聊这玩意儿让人头疼的跨域问题,以及那些个让人拍案叫绝的解决方案。跨域,顾名思义,就是指跨域名的访问。在Web开发中,出于平安考虑,阅读器实行了同策略。所

以啊，巨大家遇到这玩意儿问题别慌，磨蹭磨蹭查，总Neng搞定的。

再说说再啰嗦一句， 轻巧松来说,跨域是指在浏览器中,出现跨域问题.在Java Web应用程序中,Neng通过配置响应头来解决跨域问题.这种情况下,浏览器会管束 JavaScript 对返回后来啊的访问,从而弄得求输了。

。希望这篇文章Neng帮到那些个还在为跨域掉头发的兄弟们，加油吧！

---