跨域的解決方案

跨域的解決方案
script叹括,img恨课,link性誉,iframe豁鲤,不存在跨域請求限制。
1惫恼、JSONP档押,

script//基于script標(biāo)簽做的跨域
src="http://127.0.0.1:4000/list?callvack=func"
function func(){//這個函數(shù)必須是全局函數(shù)
···
}

客戶端向服務(wù)器發(fā)請求,同時會把本地的一個函數(shù)傳遞給服務(wù)器祈纯,服務(wù)器接受客戶端的請求令宿,同時拿到了callback=func。1腕窥、準(zhǔn)備數(shù)據(jù)data={...}粒没。2、給客戶端返回數(shù)據(jù)簇爆,返回的一個字符串‘func(’+JSON.stringify(data)+')'癞松。客戶端接受到就開始搞事情了入蛆。
問題:1响蓉、JSONP只能處理GET請求。2哨毁、安全性不好枫甲。

2、CORS跨域資源共享
客戶端正常發(fā)請求扼褪,
服務(wù)器端通過設(shè)置請求頭允許源發(fā)送跨域請求(需要處理options試探性請求)想幻。
問題是不能用cookie,因為設(shè)置所有源都可以訪問迎捺,這樣傳來傳去會導(dǎo)致會不安全举畸。
3、proxy跨域代理

module.exports = {
    //...
    devServer: {
        proxy: {
            '/api': {
                target: 'http://www.baidu.com/',
                pathRewrite: {
                    '^/api': ''
                },
                changeOrigin: true,
                secure: false,
            }
        }
    }
}

'/api':捕獲api的標(biāo)志凳枝,如果api中有這個字符,那么就開始匹配代理跋核,比如以上例子api請求/api/login岖瑰,就會被代理到 'http://www.baidu.com/api/login'
target:代理api地址砂代,就是需要跨域的api地址蹋订。地址可以是域名,可以是IP地址刻伊。如果是域名的話需要加一個參數(shù)changeOrigin:true露戒,否則會代理失敗椒功。
pathRewrite:路徑重寫,也就是說會修改最終請求的api路徑智什,比如訪問的api路徑/api/login动漾,設(shè)置pathRewrite:{'^/api':' '}后,最終代理訪問的路徑為 'http://www.baidu.com/login',這個參數(shù)的目的是重新命名后荠锭,在訪問時把命名刪除掉旱眯。
changeOrigin:這個參數(shù)可以讓target參數(shù)是域名。
secure:false证九,不檢查安全問題删豺。設(shè)置后接受運行在https上可以使用無效證書的后段服務(wù)器。
4愧怜、ngnix反向代理呀页,前端知道這個不需要前端做什么。
5拥坛、postMessage
6蓬蝶、scket.io實時通訊
7、webSocket協(xié)議跨域
8渴逻、document.domain+iframe
只能實現(xiàn):同一個主域疾党,不同子域之間的操作

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市惨奕,隨后出現(xiàn)的幾起案子雪位,更是在濱河造成了極大的恐慌,老刑警劉巖梨撞,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件雹洗,死亡現(xiàn)場離奇詭異,居然都是意外死亡卧波,警方通過查閱死者的電腦和手機时肿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來港粱,“玉大人螃成,你說我怎么就攤上這事〔槠海” “怎么了寸宏?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長偿曙。 經(jīng)常有香客問我氮凝,道長,這世上最難降的妖魔是什么望忆? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任罩阵,我火速辦了婚禮竿秆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘稿壁。我一直安慰自己幽钢,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布常摧。 她就那樣靜靜地躺著搅吁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪落午。 梳的紋絲不亂的頭發(fā)上谎懦,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天,我揣著相機與錄音溃斋,去河邊找鬼界拦。 笑死,一個胖子當(dāng)著我的面吹牛梗劫,可吹牛的內(nèi)容都是我干的享甸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼梳侨,長吁一口氣:“原來是場噩夢啊……” “哼蛉威!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起走哺,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤蚯嫌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后丙躏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體择示,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年晒旅,在試婚紗的時候發(fā)現(xiàn)自己被綠了栅盲。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡废恋,死狀恐怖谈秫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鱼鼓,我是刑警寧澤孝常,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站蚓哩,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏上渴。R本人自食惡果不足惜岸梨,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一喜颁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧曹阔,春花似錦半开、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至抓韩,卻和暖如春纠永,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背谒拴。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工尝江, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人英上。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓炭序,卻偏偏與公主長得像,于是被迫代替她去往敵國和親苍日。 傳聞我的和親對象是個殘疾皇子惭聂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容