axios获取发起请求的地址 vue_axios安装，发送地址请求实例

安装

先在当前项目安装axios

cnpm i axios -S

get请求

axios.get('http://localhost:8082/getAllStudents').then(res=>{

console.log(res);

}).catch(err=>{

console.log(err);

});

上面这个例子并没有带参数过去，如果需要携带参数可以有2种写法。

方法1

直接在请求的地址里，写上?key=value

axios.get('http://localhost:8082/getStudentsByName?name=marry').then(res=>{

console.log(res);

}).catch(err=>{

console.log(err);

});

方法2

axios.get('http://localhost:8082/getStudentsByName', {

params : {

name : 'tom'

}

}).then(res=>{

console.log(res);

}).catch(err=>{

console.log(err);

});

post请求

post请求与get请求类似，不同的是，如果post请求需要携带参数过去给服务器，需要把参数转换成key=value&key=value这种形式。

axios.post('http://localhost:8082/getStudentsByName', qs.stringify({

name : 'tom'

})).then(res=>{

console.log(res);

}).catch(err=>{

console.log(err);

});

这里的qs.stringify是笔者写的一个方法而已，代码如下 ：

var qs = {