JAVA高级面试进阶训练营视频教程

admin

前言：

　　跨域问题一直是个老生常谈的问题，在实际开发过程中，跨域的问题常常会让开发者非常的头疼。

　　常用的几种跨域解决方案：

　　1.代理

　　2.XHR2

　　HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持

　　只需要在服务端填上响应头：

header("Access-Control-Allow-Origin:*");
/*星号表示所有的域都可以接受，*/
header("Access-Control-Allow-Methods:GET,POST");

　　3.jsonP

　　原理： 

　　ajax本身是不可以跨域的，通过产生一个script标签来实现跨域。因为script标签的src属性是没有跨域的限制的。

　　其实设置了dataType: 'jsonp'后，$.ajax方法就和ajax XmlHttpRequest没什么关系了，取而代之的则是JSONP协议。JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问。

　　4.后端接口设置允许跨域 添加Access-Control-Allow-Origin header

　　5.谷歌浏览器属性打开目标地址在后面加--disable-web-security

　　以上几个方法所谓各有“千秋”，但是唯一的共同的特性就是“麻烦！”，即使是第五种方案，很多时候也经常因为版本啊或者其他原因导致失效，有木有同感？

　　那么今天，大家看到这篇文章，一定会谢谢我的，我将给大家分享一个史上我觉得最方便最稳定的ajax跨域解决方案。

 

正题来了！！！

　　无意中，在谷歌程序应用商店找到这个神奇的扩展插件！效果万分惊喜~

　　

　　如果被墙了的也没关系，我已经上传到网盘了，在这里免费分享给大家（https://pan.baidu.com/s/1smQ0fl7）。

　　离线扩展程序.crx文件不会安装的，请自行度娘，谢谢！

　　使用前效果：

　　使用后，打开扩展插件开关，这个时候浏览器就允许跨域了，没有跨域报错了！