Vue中可以使用jsonp請求,jsonp是一種跨域請求方式,通過將請求參數以script的形式傳遞給服務端,服務端返回數據并調用一個回調函數將數據傳遞給前端,從而避免了跨域限制。
在Vue中,一般使用axios來發送jsonp請求,需要安裝jsonp插件,可以使用npm進行安裝:
npm install jsonp --save
安裝好jsonp插件后,就能夠在Vue中使用jsonp請求了:
import jsonp from 'jsonp' jsonp(url, options, callback)
其中,url為請求地址,options為請求參數,callback為請求回調函數。下面是一個簡單的使用jsonp請求獲取豆瓣電影列表的例子:
jsonp('https://api.douban.com/v2/movie/top250', {params: {start: 0, count: 10}}, function (err, data) { if (err) { console.log(err) } else { console.log(data) } })
在請求參數中,start表示數據開始位置,count表示數據返回數量。通過jsonp請求獲取到的數據,可以在vue中進行渲染展示。
上一篇vue json教程
下一篇docker云集成