100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 05.vue数据请求-axios

05.vue数据请求-axios

时间:2021-08-30 20:54:23

相关推荐

05.vue数据请求-axios

一.axios的定义

axios是一个专注与网络请求的库

二.axios的基本使用

2.1发起GET请求

axios({method:"get"url:"请求的URL地址"params:{id:1//查询参数}}).then((result)=>{//.then用来指定请求成功之后的回调函数//形参中的result是请求成功之后的结果})//axios的返回值是一个promise对象

2.2发起POST请求

axios({method:"post"url:"请求的URL地址"data:{name:"zl"age:20}}).then((result)=>{//.then用来指定请求成功之后的回调函数//形参中的result是请求成功之后的结果})//axios的返回值是一个promise对象

2.3 . 可以使用async await语法糖代替.then,需要满足一下两点要求

如果调用某个方法的返回值是Promise实例,则前面可以添加await

await只能用在async修饰的方法中

三.使用axios的注意事项

axios在请求数据之后,在真正的数据之外,套了一层壳

{config:{},data:{真实的数据},headers:{},request:{},status:xxxstatusText:""}

在post请求中,通常使用 结构赋值得到真正的数据

let {data}=await axios({…})

在get请求中,通常使用解构赋值重命名的方式得到想要查询的数据

let {data:res}=await axios({…})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。