axios.delete的传参与post/get的区别

最新推荐文章于 2024-08-31 18:02:41 发布
最新推荐文章于 2024-08-31 18:02:41 发布
阅读量708 收藏
点赞数 1
分类专栏： 工作笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45157649/article/details/120439722
版权

今天在调用axios.delete方法时，由于传参的问题，搞了好久没有调通，后来通过查资料了解到的一个小bug。
问题背景：调用删除接口的时候采用的delete方式，然后用get/post的传参方式传值
结果调试的时候，方法直接走完，也不报错，network也没有记录到接口的触发。
然后发现delete方式传参需要包裹参数
也就是 post/get 是这样 axios.delete(url,params)
而delete是这样 axios.delete(url,{data:params})
也就是多一层data包裹

保护我方澄澄
关注
专栏目录
vue中axios的使用方式（get post delete put）
九七的博客
01-03 2275
vue中axios的使用方式 今天在使用axios请求后端接口（使用post）的时候，发现后端控制台无数据库语句输出，那就明了了，一定是没请求到接口，但是看请求路径，是对的啊，怎么回事呢，最后发现，啊，原来是使用的方式不对，不同的请求对应着不同的请求方式。在此做下笔记，防止以后忘记。 get方式 this.$axios.get("url",{ params:{} } ).then(res=>{}
get、post、delete和put请求区别及用法
rainylululululu的博客
04-28 2262
简单请求和复杂请求的区别 简单请求：get,post img的src、script的js可以发起get请求，获取数据（类似于对数据库的select操作），post提交数据（类似于对数据库的insert操作），请求可以发起，而服务端可以进行拒绝，浏览器认为这是安全的。 复杂请求：put,delete put请求，更新数据（类似于对数据库的update操作），delete请求，删除数据（类似于对数据库...
axios中delete传参的两种方式及对应的接收方式
最新发布
weixin_41925271的博客
08-31 387
1 前端 多参数 （请求参数）一 、axios自动拼接到url后。
四种请求方式 get、post、put、delete 的用法及区别（全）
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
01-21 1万+
get请求方式 服务器 // 传统的URL app.get('/axios', (req, res) => { res.send('axios get 传递参数' + req.query.id) }) // Restful 的URL app.get('/axios/:id', (req, res) => { res.send('axios get(Restful) 传递参数' + req.params.id) }) app.get('/data', (req, res) =&gt
get post put delete等请求方式该如何传参? 该用params还是data以及传参格式?
Harley567
02-02 1337
get post put delete等请求方式该如何传参? 该用params还是data以及传参格式?
axios四种方式GET/POST/DELETE/PUT的参数传递
热门推荐
Hiroshi's
12-19 5万+
看一个最简单的例子： app.get('/adata', (req, res) => { res.send('hello axios!') }) axios.get('http://localhost:9999/adata').then((response)=>{ console.log(response.data) }) 结果： 注意这里的data是固定的 如果我们只看返回的response: axios参数传递..
axios.min.v0.17.1
03-19
它提供了丰富的API，用于发起各种HTTP请求，如GET、POST、PUT、DELETE等。axios的一个显著优点是其易用性和灵活性，支持拦截请求和响应，转换请求和响应数据，取消请求，自动转换JSON数据，以及错误处理等功能。在...
vue 2.x 中axios 封装的get 和post方法
08-27
Vue 2.x 中 Axios 封装的 GET 和 POST 方法 Vue 2.x 中 Axios 封装的 GET 和 POST 方法是前端开发中常用的数据请求方式。Axios 是一个基于 Promise 的 HTTP 客户端，提供了简洁的 API 来发送 HTTP 请求。下面我们将...
VueJS如何使用axios.post()或者axios.get()请求下载文件、音频、视频？并且显示下载进度，后端是SpringBoot
QC班长的博客
12-08 3117
前端如何使用axios下载文件呢？最近遇到了前端下载音频及文件的功能，记录下，因为通过传统的window.location.href=xxx链接下载不能携带Token参数，后端无法验证请求放行，所以就用了axios。前端下载需要注意的是axios.interceptors.request的拦截器不要设置响应超时设置，不然由于网速慢，文件还没下载完就中断了。 下面是axios的HTTP请求的统一封...
初识 webpack（十一）axios的post / get 请求封装 和状态返回通知
Sicily_winner的博客
01-30 1152
目录 一、前期准备 1.1 参考文章 1.1 百度网盘资源 1.2 webpack 三部曲 一、axios 打包 1.1 实战 三、错误图例 3.1 跨域问题 3.2 定位异常 四、vue整合 4.1 百度网盘资源 4.2关于请求通知Message.xx 4.3关于请求通知Notification.xx 一、前期准备 1.1 参考文章 代码参考文章...
axios_的其他方式发送请求_使用axios.request .get .delete .post .put 等方法发送请求---axios工作笔记005
添柴程序猿的专栏
02-21 1412
然后我们前面使用了axios方法,来发送请求,可以看到他用这个axios就可以发送,get,put,post,delete 请求了, 但是axios还封装了单独的,request,get,delete,post,put请求,我们举例说两个 可以看到上面有帮助说明 这里用request,发送请求,可以看到我们获取所有的评论,获取jsonserver的db.json文件中的评论 执行可以看到获取到了,这个axios.request()方法中,其他的method可以看到写上想发送的...
http接口通用调试工具，支持get、post、put、patch、delete方法
07-06
http接口通用调试工具，支持get、post、put、patch、delete方法，数据的发送和接收使用json格式，即Content-Type: application/json
axios delete传递参数方式
weixin_43045869的博客
06-11 9192
vue中axios 的delete和post,put在传值上有点区别 post和put有三个参数，url,data和config，所以在使用这两个时，可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数：url和config，data在config中，所以需要写成 axios.delete(api,{data:{id:1}}) 如果是服务端将参数当作Java对象来封装接收则 参数格式为： {data: param} var par
get、post、put、delete？
Mr.hu
07-04 2545
为什么要区分get、post、put、delete？ 所有 http 请求，一律用 POST，在业务功能的实现是没有问题的. post,get,put,delete 是标准, 大家都遵循这样的规则. 这样的api对于它人来说一目了然, get就是获取数据, post就是提交数据, put就是更新数据, delete就做删除操作. 如果一律使用post对一个项目组的内部人员来说是没有问题的, 但是对...
vue axios 批量删除 数组参数
weixin_30879833的博客
01-23 2222
方法一：前端循环请求服务器端delete（id）方法 请问如何获得element-ui表格中的勾选项index，以实现批量删除功能 https://segmentfault.com/q/1010000012759131 方法二：传递 string类型字符串。例如: '1,2,3,4' ids =[1,2,3,4] url: '/investigator/submitAll/'...
GET 和 POST 请求类型的区别
辰风沐阳
06-29 1889
GET 和 POST 请求类型的区别 ?虽然这个问题是基础知识，但这也算是面试热门问题，做下总结就当复习了吧1. 使用场景GET 请求方式一般用于获取和删除数据，POST 请求方式一般用于添加和修改数据2. 传参方式GET 请求方式传递参数会将参数拼接到 URL 地址中POST 请求方式传递参数会将参数放到请求体（Request Body）中3. 安全性GET 是显式提交，安全性较低；POST 是隐式提交，安全性较高4. 传输的数据大小GET 请求方式传输的数据大小不能大于 2KB，而 POST 请求方式传
http请求的post和get方式的区别
JHDHCBJka的博客
10-26 288
在网上找了post和get请求方式的不同和区别，感觉这个比较好，转载过来和大家分享！ Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。 　　1.根据HTTP规范，GET用
GET，POST，PUT，DELETE的区别
Catie
01-20 1405
Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。 　　1
HTTP中GET与POST的区别
shanyicly的专栏
10-17 443
HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP，也就是说，GET/POST都是TCP链接。GET和POST能做的事情是一样一样的。你要给GET加上request body，给POST带上url参数，技术上是完全行的通的。 GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在UR
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>是什么
04-29
这是一个引入axios库的JavaScript代码...它可以用于执行各种HTTP请求，包括GET，POST，PUT，DELETE等，并且易于使用。这个代码片段的作用是将Axios库引入到当前的代码中，以便在接下来的代码中使用Axios发出HTTP请求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值