vue resource post請(qǐng)求時(shí)遇到的坑
使用 post 請(qǐng)求
// global Vue object
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
// in a Vue instance
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
然而，這并不代表使用過(guò)程中不會(huì)遇到問(wèn)題：(比如使用時(shí)遇到這樣的報(bào)錯(cuò)：XMLHttpRequest cannot load XXX. Response for preflight has invalid HTTP status code 405)；這個(gè)$http請(qǐng)求和jquery的ajax還是有點(diǎn)區(qū)別，這里的post的data默認(rèn)不是以form data的形式，而是request payload。解決起來(lái)倒也很簡(jiǎn)單：在vue實(shí)例中添加headers字段:
http: {
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}
或者使用 vue 方面提供的更加簡(jiǎn)單做法：
Vue.http.options.emulateJSON = true;
總結(jié)
以上所述是小編給大家介紹的vue resource post請(qǐng)求時(shí)遇到的坑，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- vue如何從接口請(qǐng)求數(shù)據(jù)
- vue.js實(shí)現(xiàn)請(qǐng)求數(shù)據(jù)的方法示例
- vue 請(qǐng)求后臺(tái)數(shù)據(jù)的實(shí)例代碼
- vue配置請(qǐng)求本地json數(shù)據(jù)的方法
- Vue resource中的GET與POST請(qǐng)求的實(shí)例代碼
- vue2.0 自定義組件的方法（vue組件的封裝）
- 基于Vue如何封裝分頁(yè)組件
- 在vue中封裝可復(fù)用的組件方法
- vue移動(dòng)端微信授權(quán)登錄插件封裝的實(shí)例
- vue實(shí)現(xiàn)的請(qǐng)求服務(wù)器端API接口示例
相關(guān)文章
vue(element ui)使用websocket及心跳檢測(cè)方式
這篇文章主要介紹了vue(element ui)使用websocket及心跳檢測(cè)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
基于Vue的前端界面實(shí)現(xiàn)日期時(shí)間實(shí)時(shí)顯示簡(jiǎn)單代碼
今天在項(xiàng)目中有一個(gè)功能是要求顯示北京的實(shí)時(shí)時(shí)間,下面這篇文章主要給大家介紹了關(guān)于如何基于Vue的前端界面實(shí)現(xiàn)日期時(shí)間實(shí)時(shí)顯示的相關(guān)資料,需要的朋友可以參考下2024-01-01
vue組件實(shí)現(xiàn)可搜索下拉框擴(kuò)展
這篇文章主要為大家詳細(xì)介紹了vue組件實(shí)現(xiàn)可搜索下拉框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
這篇文章主要介紹了vue 中使用print.js導(dǎo)出pdf操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
這篇文章主要介紹了Vue+Canvas繪圖的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue中vxe-table虛擬滾動(dòng)列表的使用詳解
vxe-table 是一個(gè)功能強(qiáng)大的 Vue 表格組件,它支持虛擬滾動(dòng)列表作為其核心功能之一,本文主要介紹一下vxe-table的虛擬滾動(dòng)列表功能的使用場(chǎng)景和優(yōu)勢(shì),感興趣的可以了解下2023-12-12
vue項(xiàng)目中Toast字體過(guò)小,沒(méi)有邊距的解決方案
這篇文章主要介紹了vue項(xiàng)目中Toast字體過(guò)小，沒(méi)有邊距的解決方案。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要給大家介紹了關(guān)于Vuex中五個(gè)屬性以及使用的相關(guān)資料,Vuex是一個(gè)專(zhuān)為Vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式,文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
vue2實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求顯示loading圖
這篇文章主要為大家詳細(xì)介紹了vue2實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求顯示loading圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
vue實(shí)現(xiàn)el-select 觸底分頁(yè)+遠(yuǎn)程搜索的示例
有的時(shí)候數(shù)據(jù)量比較大,比如幾千甚至上萬(wàn)條的時(shí)候,如果直接賦值,整個(gè)頁(yè)面的 dom 會(huì)被撐爆,本文主要介紹了vue實(shí)現(xiàn)el-select 觸底分頁(yè)+遠(yuǎn)程搜索的示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12