本文介绍了如何在Vue项目中使用axios进行GET和POST请求，包括携带参数的方法、并发请求的处理，以及如何创建axios实例和设置全局配置。还讲解了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 = {
最低0.47元/天 解锁文章
731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
