谷歌擴展程序設置ajax請求容許跨域(極少人知道的解決方案)

前言:javascript

  跨域問題一直是個老生常談的問題,在實際開發過程當中,跨域的問題經常會讓開發者很是的頭疼。html

  經常使用的幾種跨域解決方案:java

  1.代理web

  2.XHR2ajax

  HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已經實現了跨域訪問。但ie10如下不支持json

  只須要在服務端填上響應頭:後端

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文件不會安裝的,請自行度娘,謝謝!

  使用前效果:

  使用後,打開擴展插件開關,這個時候瀏覽器就容許跨域了,沒有跨域報錯了!

  

相關文章
相關標籤/搜索