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