vue-resource安装与应用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ant_dreams/article/details/80568420

vue-resource安装与应用

安装vue-resource到项目中,找到当前项目

输入:npm install vue-resource --save

安装完毕后,在main.js中导入,如下所示:

import VueResource from 'vue-resource'

Vue.use(VueResource)

get请求


var params = {params: {id: id}}
this.$http.get(url, params).then(function(res){
    // 响应成功回调
    var data = res.body;
    //数据在res.body里面
}, function(res){
    // 响应错误回调
});

post请求


启用{emulateJSON : true}选项后,请求会以application/x-www-form-urlencoded作为content-type,像HTML表单一样。
var params = {params: {id: id}}
this.$http.post(url, params,{emulateJSON : true}).then(function(res){
    // 响应成功回调
    var data = res.body;
    //数据在res.body里面
}, function(res){
    // 响应错误回调
});

JSONP 请求


var JSONparams ={
    params: {id: id}
    jsonp: 'callback' // 设置回调函数的参数的一个名字,默认是话是callback,
}
 this.$http.jsonp(url, JSONparams).then( (res) => {
    console.log(res);
}, (err) => {
    console.log(err);
})
展开阅读全文

没有更多推荐了,返回首页