前言: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文件不會安裝的,請自行度娘,謝謝!
使用前效果:
使用後,打開擴展插件開關,這個時候瀏覽器就容許跨域了,沒有跨域報錯了!