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

最新推荐文章于 2024-03-02 21:24:45 发布
最新推荐文章于 2024-03-02 21:24:45 发布
阅读量656 收藏 1
点赞数 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包裹

保护我方澄澄
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
get、post、delete和put请求区别及用法
rainylululululu的博客
04-28 2138
简单请求和复杂请求的区别 简单请求：get,post img的src、script的js可以发起get请求，获取数据（类似于对数据库的select操作），post提交数据（类似于对数据库的insert操作），请求可以发起，而服务端可以进行拒绝，浏览器认为这是安全的。 复杂请求：put,delete put请求，更新数据（类似于对数据库的update操作），delete请求，删除数据（类似于对数据库...
react-hooks-axios:自定义React Hooks for Axios.js
04-28
react-hooks-axios 自定义React Hooks for Axios.js安装注意：确保已安装正确版本的react(>= v16.8.0)和react-dom(>= v16.8.0...@param { ('GET'|'POST'|'PUT'|'DELETE'|'HEAD'|'OPTIONS'|'PATCH') } method - The requ
java http 接口调用 的get和post传参方法
09-17
java实现调用httpclient接口的类和方法，包括了get和post传参方式，简单易懂
vue中axios的使用方式（get post delete put）
九七的博客
01-03 2220
vue中axios的使用方式 今天在使用axios请求后端接口（使用post）的时候，发现后端控制台无数据库语句输出，那就明了了，一定是没请求到接口，但是看请求路径，是对的啊，怎么回事呢，最后发现，啊，原来是使用的方式不对，不同的请求对应着不同的请求方式。在此做下笔记，防止以后忘记。 get方式 this.$axios.get("url",{ params:{} } ).then(res=>{}
vue axios delete方式发送数组对象及后端接收方式
最新发布
u013263186的博客
03-02 695
【代码】vue axios delete方式发送数组对象及后端接收方式。
axios传参总结
小龙coding的博客鸭~
12-13 337
总体结构： axios.get(url[, config]) axios.delete(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config]]) axios.patch(url[, data[, config]] 1.get传参 前台传参代码 this.$http.get("test/user...
总结request请求中get、put、post、delete的区别和用法
Qianmoer的博客
07-04 2832
整理一下http几种请求方式，方便有关人士查看。有时候分不清用哪种请求方式，有什么区别，主要是get、put、post这三种的区别。
Vue中 axios delete参数丢失
浅笑如伤的博客
06-07 606
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 param
四种请求方式 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
axios四个常用请求（get,post,put,delete）
qq_42420490的博客
06-02 2062
axios-get 首先，如果你有一定的基础的话，请参考axios官网：axios官方 。 下面，我就以表格的增删改查为例，加以说明。 注意：此代码是，运行依赖于json-server中，若是api接口形式运行的话，只需把url的地址修改即可！ 话不多说，先贴整个代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="v
axios入门——常用五种请求方法介绍（get、post、put、patch、delete）
艾丽的博客
01-18 1万+
写在前面 axios中文说明 为方便起见，axios为所有支持的请求方法提供了别名 params 是将与请求一起发送的 URL 参数，对应后台中的query data 是作为请求主体被发送的数据，对应后台中的body axios.request(config) axios.get(url[, config]) // 只支持 params 传参 axios.delete(url[, config]) // 只支持 params传参 axios.head(url[, config]) // 只支持 para
axios 5种请求接口方式的区别
m0_58893670的博客
11-12 1278
1、get：获取数据 不带参数的写法 //方式1： axios({ url:'/路径', methods:'get' }) //方式2： axios.get('/路径') 带参数的写法：(参数被拼接在url地址上，或者被包裹在params属性对象内) //方式1: //请求的地址实际为 localhost:8080/url?id=22 axios.get('/路径', {params: {id: 22}}) //方式2
封装axios.js
07-01
封装axios.js,带token拦截的，GET和POST都有，还有PUT和DELETE
vue 对axios get pust put delete封装的实例代码
11-27
axios.js import axios from 'axios'; import Qs from 'qs'; import {Message} from ...axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'; // 请求拦截 axios.interceptors.request.u
Vue官方推荐AJAX组件axios.js使用方法详解与API
12-12
Axios.js作为Vue官方插件的AJAX组件其主要有以下几个特点： ...axios.get(url[, config]) axios.delete(url[, config]) axios.head(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config
原生js 封装get ,post, delete 请求的实例
11-30
现在的项目中都在用VUE 以及react 等MVC， MVVM 框架。...POST,GET,DELETE 的请求方式。当然根据不同的公司，不同的方式。都可以自己扩展。目前这个只是针对自己所在公司而已。 function api(url,opt,methods) {
Vue.js基础-14-axios（json-server，get，post，put，delete，传参，Query，Params，Body）
运维玄德公
06-12 2147
1. 创建json-server 1.1 安装 1.2 启动服务 1.3 查看结果 2. 发送请求 2.1 get 请求 2.2 POST请求 2.3 PUT请求 2.4 DELETE 请求 3. 传参 3.1 Query 3.2 Params 3.3 Body
Axios的get和delete请求的特殊性
qq_34452824的博客
08-07 767
首先明确一下Axios发送请求时params和data的区别，params添加到url的请求字符串中，而data则是添加到请求体(Requestbody)中的。 get和delete相较于其他put等请求特殊的地方在于，这俩的data是在config中的，其他如put格式axios.put(url[, data[, config]])是在第二个参数，因此用同样的格式传递会报错 1.get请求 格式：axios.get(url[, config]) g...
get post put delete等请求方式该如何传参? 该用params还是data以及传参格式?
Harley567
02-02 1206
get post put delete等请求方式该如何传参? 该用params还是data以及传参格式?
<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、付费专栏及课程。

余额充值