vue中jsonp的使用

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è)小需求,略感興趣,抽空看了看,大概是這么玩的。
1.執(zhí)行命令:npm install vue-jsonp --save;

2.添加到main.js中;
引入jsonp

3.使用時(shí):
實(shí)際使用
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評(píng)論 1 45
  • ## 框架和庫(kù)的區(qū)別?> 框架(framework):一套完整的軟件設(shè)計(jì)架構(gòu)和**解決方案**。> > 庫(kù)(lib...
    Rui_bdad閱讀 3,150評(píng)論 1 4
  • 本文轉(zhuǎn)自,博客園,昵稱:[隨它去吧],http://www.cnblogs.com/dowinning/archi...
    戰(zhàn)神飄雪閱讀 972評(píng)論 0 6
  • 一:什么是閉包?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 10,025評(píng)論 1 52
  • 第一百六十六首 愿我能有一雙發(fā)現(xiàn)美的眼睛(其二) 秋纓 愿我能有一雙發(fā)現(xiàn)美的眼睛 來(lái)自漫天的烏云 來(lái)自未...
    山丘qiu閱讀 326評(píng)論 0 3

友情鏈接更多精彩內(nèi)容