vue-resourc發(fā)起異步請(qǐng)求的方法
除了vue-resource之外，還可以使用'axios‘的第三方包實(shí)現(xiàn)數(shù)據(jù)的請(qǐng)求因?yàn)榭缬蚴≡L問(wèn)不到，不過(guò)同域的可以直接訪問(wèn).html文件來(lái)檢驗(yàn)，這樣可以不用搭服務(wù)器建議使用axios來(lái)進(jìn)行異步訪問(wèn)請(qǐng)求
1.安裝或?qū)雟ue-resource
安裝命令：
npm install vue-resource
導(dǎo)入：
import VueResource from 'vue-resource' Vue.use(VueResource)
2.使用
格式：
this.http.get('/url',[options]).then(successCallback,errorCallback)
更多
get(url,[options]) post(url,[body],[options]) jsonp(url,[options])
具體使用：
get：
function(){
this.$http.get{'/訪問(wèn)地址'}.then(function(result){
//訪問(wèn)成功后的處理
},function(result){
//訪問(wèn)不成功的處理
})
}
post：
function(){
this.$http.post{'/訪問(wèn)地址',{},{emulateJSON:true}}.then(function(result){
//訪問(wèn)成功后的處理
},function(result){
//訪問(wèn)不成功的處理
})
}
jsonp：
function(){
this.$http.jsonp{'/訪問(wèn)地址'}.then(function(result){
//訪問(wèn)成功后的處理
},function(result){
//訪問(wèn)不成功的處理
})
}
result的數(shù)據(jù)使用推薦使用result.body下的數(shù)據(jù)
vue-resource提供的全局配置數(shù)據(jù)根域名的方法
作用
使發(fā)起請(qǐng)求時(shí)，請(qǐng)求地址不用再寫(xiě)根域名
方便移植設(shè)置全局根域名
//在Vue實(shí)例創(chuàng)建前定義 //注意：根域名后面需要帶斜線 Vue.http.options.root='根域名/'
請(qǐng)求
//注意：地址前面不能帶斜線
this.$http.get('a/a')
vue-resource提供的全局啟用emulateJSON選項(xiàng)
//在Vue實(shí)例創(chuàng)建前定義
Vue.http.options.emulateJSON=true
總結(jié)
以上所述是小編給大家介紹的vue-resourc發(fā)起異步請(qǐng)求的方法，希望對(duì)大家有所幫助！
相關(guān)文章
Vue+Microapp實(shí)現(xiàn)微前端的示例詳解
這篇文章主要為大家詳細(xì)介紹了如何實(shí)現(xiàn)以vite+vue3+Microapp為主應(yīng)用，以vue2+element為子應(yīng)用的微前端，感興趣的小伙伴快跟隨小編一起學(xué)習(xí)一下吧2023-06-06
Vue3組件中g(shù)etCurrentInstance()獲取App實(shí)例,但是返回null的解決方案
這篇文章主要介紹了Vue3組件中g(shù)etCurrentInstance()獲取App實(shí)例,但是返回null的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04
vue項(xiàng)目中路由跳轉(zhuǎn)頁(yè)面不變問(wèn)題及解決
這篇文章主要介紹了vue項(xiàng)目中路由跳轉(zhuǎn)頁(yè)面不變問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
在Vue中進(jìn)行數(shù)據(jù)分頁(yè)的實(shí)現(xiàn)方法
在前端開(kāi)發(fā)中,數(shù)據(jù)分頁(yè)是一個(gè)常見(jiàn)的需求,特別是當(dāng)處理大量數(shù)據(jù)時(shí),Vue作為一款流行的JavaScript框架,提供了強(qiáng)大的工具和生態(tài)系統(tǒng)來(lái)實(shí)現(xiàn)數(shù)據(jù)分頁(yè),本文將介紹如何在Vue中進(jìn)行數(shù)據(jù)分頁(yè),以及如何設(shè)計(jì)一個(gè)通用的分頁(yè)組件,需要的朋友可以參考下2023-10-10
日歷在很多地方都可以使用的到，這篇文章主要介紹了如何利用vue3實(shí)現(xiàn)簡(jiǎn)單的日歷控件，文中通過(guò)示例代碼講解詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
Vue3+element實(shí)現(xiàn)表格數(shù)據(jù)導(dǎo)出
這篇文章主要為大家學(xué)習(xí)介紹了Vue3如何利用element實(shí)現(xiàn)表格數(shù)據(jù)導(dǎo)出功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴快跟隨小編一起學(xué)習(xí)一下吧2023-07-07
本篇文章主要介紹了vue Render中slots的使用的實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-07-07
這篇文章主要給大家介紹了關(guān)于vue前端更新后需要清空緩存的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-10-10
vue3使用ref 獲取不到子組件屬性問(wèn)題的解決辦法
父子組件使用<script setup>語(yǔ)法糖,父組件通過(guò)給子組件定義ref訪問(wèn)子組件內(nèi)部屬性或事件,本文給大家介紹了解決vue3使用ref 獲取不到子組件屬性問(wèn)題,文中通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-06-06
vue項(xiàng)目中定時(shí)器無(wú)法清除的原因解決
頁(yè)面有定時(shí)器,并且定時(shí)器在離開(kāi)頁(yè)面時(shí),有清除,本文主要介紹了vue項(xiàng)目中定時(shí)器無(wú)法清除的原因解決,具有一定的參考價(jià)值,感興趣的可以了解一下2024-02-02