谷歌扩展程序设置ajax请求允许跨域(极少人知道的解决方案)

前言:

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

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

  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文件不会安装的,请自行度娘,谢谢!

  使用前效果:

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

  

原文地址:https://www.cnblogs.com/gaofengming/p/8376859.html