vue resource post請求時遇到的問題解決方法

本文主要介紹了vue resource post請求時遇到的坑,需要的朋友可以參考下，希望能幫助到大家。

使用post 請求

// 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);

然而，這並不代表使用過程中不會遇到問題：(例如使用時遇到這樣的報錯：XMLHttpRequest cannot load XXX. Response for preflight has invalid HTTP status code 405)；這個$http請求和jquery的ajax還是有點區別，這裡的post的data預設不是以form data的形式，而是request payload。解決起來倒也很簡單：在vue實例中加入headers欄位:

http: {
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}

或使用vue 方面提供的更簡單做法：

Vue.http.options.emulateJSON = true;

相關推薦：

#php之curl get post請求用法實例分享

如何解決vue 整合axios 傳送post請求 payload導致後台無法接收到資料問題

#如何用原生JS實作Ajax的GET POST請求

#

以上是vue resource post請求時遇到的問題解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！