Vue-resource使用

Vue-resource请求

Vue-resource 提供了七种请求的方式,分别为 GETHEADDELETEJSONPPOSTPUTPATCH

Vue 的 HTTP 请求库 Vue-resource 支持的其中请求方式,除了 JSONP 以外,另外的六种 API 名称就是标准的 HTTP 方法。

Vue-resource请求详解

语法

this.$http.reqmethod(url, [options])

参数

参数 描述
$http 我们引入 Vue-resource 之后,Vue-resource 为我们提供的发送 HTTP 请求的对象。
reqmethod 我们需要请求的方式,即上面的七种方式。
options 请求的可选参数。

Vue-resource请求与响应

请求参数

参数 类型 说明
url string 请求的目标URL
body Object, FormData, string 作为请求体发送的数据
headers Object 作为请求头部发送的头部对象
params Object 作为URL参数的参数对象
method string HTTP方法 (例如GET,POST,…)
timeout number 请求超时(单位:毫秒) (0表示永不超时)
before function(request) 在请求发送之前修改请求的回调函数
progress function(event) 用于处理上传进度的回调函数 ProgressEvent
credentials boolean 是否需要出示用于跨站点请求的凭据
emulateHTTP boolean 是否需要通过设置X-HTTP-Method-Override头部并且以传统POST方式发送PUT,PATCH和DELETE请求。
emulateJSON boolean 设置请求体的类型为application/x-www-form-urlencoded

响应属性

可以通过如下属性,获取 Vue-resource 请求的响应。

属性 类型 描述
url string 响应的 URL 源
body Object, Blob, string 响应体数据
headers Header 请求头部对象
ok boolean 当 HTTP 响应码为 200 到 299 之间的数值时该值为 true
status number HTTP 响应码
statusText string HTTP 响应状态

响应方法

可以通过如下方法,获取 Vue-resource 请求的响应。

方法 类型 描述
text() 约定值 以字符串方式返回响应体
json() 约定值 以格式化后的 json 对象方式返回响应体
blob() 约定值 以二进制 Blob 对象方式返回响应体

Vue-resource使用总结

Vue-resource 提供了七种请求的方式,分别为 GET、HEAD、DELETE、JSONP、POST、PUT、PATCH。