谈谈Vue.js——vue-resource全攻略

2020-06-16 06:04:52易采站长站整理
before
function(request)
请求发送前的处理函数,类似于jQuery的beforeSend函数progress
function(event)
ProgressEvent回调处理函数credentials
boolean
表示跨域请求时是否需要使用凭证emulateHTTP
boolean
发送PUT, PATCH, DELETE请求时以HTTP POST的方式发送,并设置请求头的
X-HTTP-Method-Override
emulateJSON
boolean
将request body以
application/x-www-form-urlencoded
content type发送

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对象

response对象包含以下属性:

方法类型描述
text()
string
以string形式返回response body
json()
Object
以JSON对象形式返回response body
blob()
Blob
以二进制形式返回response body
属性类型描述
ok
boolean
响应的HTTP状态码在200~299之间时,该属性为true
status
number
响应的HTTP状态码
statusText
string
响应的状态文本
headers
Object
响应头

注意:本文的vue-resource版本为v0.9.3,如果你使用的是v0.9.0以前的版本,response对象是没有json(), blob(), text()这些方法的。