基本語法

//基於全局Vue對象使用http
Vue.http.get(‘/someUrl‘, [options]).then(successCallback, errorCallback);
Vue.http.post(‘/someUrl‘, [body], [options]).then(successCallback, errorCallback);
 
//在一個Vue實例內使用$http
this.$http.get(‘/someUrl‘, [options]).then(successCallback, errorCallback);
this.$http.post(‘/someUrl‘, [body], [options]).then(successCallback, errorCallback);

7種請求API

• get(url, [options])
• head(url, [options])
• delete(url, [options])
• jsonp(url, [options])
• post(url, [body], [options])
• put(url, [body], [options])
• patch(url, [body], [options])

options對象

emulateHTTP 的作用

如果Web服務器無法處理 PUT、PATCH 和 DELETE 這種 REST 風格的請求，你可以啟用 enulateHTTP 現象。啟用該選項後，請求會以普通的 POST 方法發出，並且 HTTP 頭信息的 X-HTTP-Method-Override 屬性會設置為實際的 HTTP 方法。

Vue.http.options.emulateHTTP = true;

emulateJSON的作用

如果 Web 服務器無法處理編碼為 application/json 的請求，你可以啟用 emulateJSON 選項。啟用該選項後，請求會以 application/x-www-form-urlencoded 作為 MIME type，就像普通的 HTML 表單一樣。

Vue.http.options.emulateJSON = true;

response 對象

全局配置

Vue.http.options.emulateHTTP = true;
Vue.http.options.emulateJSON = true;

Vue.http.interceptors.push(function (request, next) {
    // ...
    // 請求發送前的處理邏輯
    // ...
  next(function (response) {
    // ...
    // 請求發送後的處理邏輯
    // ...
    // 根據請求的狀態，response 參數會返回給 successCallback 或 errorCallback
    return response;
  });
});

上面的配置會對所有請求生效

vue-resource使用筆記