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)站的支持！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com