【Vue】axios发送网络请求

本文详细介绍了在Vue项目中如何使用axios发送网络请求,包括axios的基础使用、在表格案例中实现列表加载、商品删除、添加以及搜索功能。强调了axios支持Promise但不支持jsonp,并指出在需要异步操作时,计算属性不适用,应使用watch选项来监听数据变化并触发相应操作。
摘要由CSDN通过智能技术生成

在Vue中实现发送网络请求

原理: Vue.js中发送网络请求本质还是ajax,我们可以使用插件方便操作。

  1. vue-resource: Vue.js的插件,已经不维护,不推荐使用
  2. axios :不是vue的插件,可以在任何地方使用,推荐

说明: 既可以在浏览器端又可以在**node.js**中使用的发送http请求的库,支持Promise不支持jsonp

如果遇到jsonp请求, 可以使用插件 jsonp 实现

基础-axios-介绍-及基本使用

用法:

// 基本用法
axios.get(url).then((res) => {
    
// 请求成功 会来到这  res响应体
}).catch((err) => {
    
// 请求失败 会来到这  处理err对象
})
// 获取
axios.get('http://localhost:3000/brands').then().catch()
// 删除
axios.delete('http://localhost:3000/brands/1').then().catch()
// 添加
axios.post(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值