VUE- 访问服务器端数据

Posted 2022-08-11 1285026182yuan

VUE- 访问服务器端数据

 

1. 安装 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);
) 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

引用：https://blog.csdn.net/ant_dreams/article/details/80568420