在Vue開(kāi)發(fā)中,我們經(jīng)常需要使用到HTTP請(qǐng)求。Vue提供了官方的插件vue-resource來(lái)實(shí)現(xiàn)此功能。其中,最常用的是http.get方法,用于向服務(wù)器發(fā)送get請(qǐng)求獲取數(shù)據(jù)。
http.get方法的基本用法如下所示:
http.get('url')
.then(response =>{
// 請(qǐng)求成功回調(diào)函數(shù)
})
.catch(error =>{
// 請(qǐng)求失敗回調(diào)函數(shù)
})
其中,url參數(shù)是請(qǐng)求的接口地址,可以是相對(duì)路徑或絕對(duì)路徑。get方法返回的是一個(gè)Promise對(duì)象,可通過(guò)then和catch方法分別設(shè)置請(qǐng)求成功和請(qǐng)求失敗時(shí)的回調(diào)函數(shù)。
在回調(diào)函數(shù)中,response是服務(wù)器返回的數(shù)據(jù),可以通過(guò)調(diào)用response的data方法來(lái)獲取具體的數(shù)據(jù)。如下所示:
http.get('url')
.then(response =>{
console.log(response.data)
})
.catch(error =>{
console.log(error)
})
這里,我們將服務(wù)器返回的數(shù)據(jù)打印到控制臺(tái)上,并處理了錯(cuò)誤情況。
除此之外,http.get方法還支持傳遞參數(shù)和設(shè)置請(qǐng)求頭等功能。下面是一個(gè)完整的示例:
http.get('url', {params: {id: 1}}, {
headers: {
'Authorization': 'Bearer ' + token
}
})
.then(response =>{
console.log(response.data)
})
.catch(error =>{
console.log(error)
})
此處,我們傳遞了一個(gè)參數(shù){id: 1}和一個(gè)請(qǐng)求頭信息{Authorization: 'Bearer ' + token},并在回調(diào)函數(shù)中打印了服務(wù)器返回的數(shù)據(jù)。
綜上所述,Vue的http.get方法提供了一種方便的發(fā)送get請(qǐng)求獲取數(shù)據(jù)的方式,并且支持傳遞參數(shù)和設(shè)置請(qǐng)求頭等功能,在Vue開(kāi)發(fā)中經(jīng)常會(huì)用到。