1.jsonp簡(jiǎn)介:
由于ajax受同源策略影響,不允許跨域請(qǐng)求。實(shí)際開發(fā)中我們可能遇到跨域問(wèn)題。我們簡(jiǎn)單介紹一下其中一種——jsonp,即json+padding,動(dòng)態(tài)創(chuàng)建script標(biāo)簽,利用script標(biāo)簽的src屬性可以獲取任何域下的js腳本,通過(guò)這個(gè)特性(也可以說(shuō)漏洞),服務(wù)器端不在返貨json格式,而是返回一段調(diào)用某個(gè)函數(shù)的js代碼,在src中進(jìn)行了調(diào)用,這樣實(shí)現(xiàn)了跨域。
簡(jiǎn)單來(lái)講其實(shí)就是一個(gè)函數(shù)回調(diào)的概念。在所處的頁(yè)面邏輯里寫好一個(gè)函數(shù),函數(shù)名與遠(yuǎn)程的js文件中的函數(shù)名一致。通過(guò)script的src屬性訪問(wèn)遠(yuǎn)程js,并調(diào)用該函數(shù),同時(shí)將需要的數(shù)據(jù)作為參數(shù)傳過(guò)來(lái),于是實(shí)現(xiàn)了跨域。丟,也不知道說(shuō)明白沒(méi)有。這里有一篇很好的文章可以看看。
2.在vue中的使用:
偶然看到大佬在項(xiàng)目中使用jsonp完成了一個(gè)小需求,略感興趣,抽空看了看,大概是這么玩的。
2.添加到main.js中;
1.執(zhí)行命令:npm install vue-jsonp --save;
引入jsonp
3.使用時(shí):實(shí)際使用

