vue中如何使用axios

1.vue cli下载axios

npm install axios

2.注册使用

在main.js中引入import axios from 'axios'
然后在Vue原型上添加Vue.prototype.$axios = axios

3.get请求

this.$axios或者axios

1.参数一表示请求地址
2.参数二表示配置信息
3.params表示传递到服务器端的数据,以url参数的形式拼接在请求地址后面
{ page:2,per:3 }
比如:https://api.cat-shop.penkuoer.com/api/v1/products
最终生成的url为
https://api.cat-shop.penkuoer.com/api/v1/products?page=2&per=3
4.headers表示请求头

axios.get("https://api.cat-shop.penkuoer.com/api/v1/products",{
    params:{
        page:2,
        per:3
    },
    headers:{}
}).then( res =>{
    console.log(res)
})

4.post请求

1.参数一请求地址
2.参数二传递的数据,在请求体中传递
{   注意事项:
1.axios默认发送的数据是json格式的
2.默认的配置项里面有一个请求头headers,请求头里面有个默认属性conttent-type:'application/json'所以传递给服务器数据默认就是json格式的
}
3.参数三配置信息
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值