axios delete请求如何发给springboot

1、发送请求体时

前端

axios 的delete和post,put在传值上有点区别

post和put有三个参数,url,data和config,所以在使用这两个时,可以写成

java 复制代码
axios.post(api,{
	id:1
});
axios.put(api,{
	id:1
});

第二个参数{id:1}会传给data。

但是delete只有两个参数:url和config,data在config中,所以需要写成

java 复制代码
axios.delete(api,{
	data:{
		id:1
	}
});

后端

需要有对应的javabean类来接收请求体

java 复制代码
@Data
@NoArgsConstructor
@AllArgsConstructor
public class DeleteReq
{
	private int id;
}

控制器里用@RequestBody标记形参

java 复制代码
@RequestMapping("/delete")
public void delete(@RequestBody DeleteReq deleteReq)
{
	// ...
}

2、发送URL时

前端

将data改为params即可,param里的参数会自动拼接在URL中

java 复制代码
axios.delete("/delete", {
    params: {	// 请求参数拼接在url上
        id: id
    }
})

后端

直接用@RequestParam标记对应的形参

java 复制代码
@RequestMapping("/delete")
public void delete(@RequestParam int id)
{
	// ...
}

参考:

https://blog.csdn.net/qq_42240485/article/details/100515839

https://blog.csdn.net/summerfor2015/article/details/117671023

相关推荐
wdfk_prog5 小时前
嵌入式面试真题第 10 题:高优化等级下共享状态可见性、内存模型与系统级同步设计
java·linux·开发语言·面试·职场和发展·架构·c
卓怡学长6 小时前
w255基于springboot仓库管理系统
java·数据库·spring boot·spring·intellij-idea
谭光志7 小时前
Vibe Coding 时代,程序员该何去何从
前端·后端·ai编程
GoGeekBaird7 小时前
我用 BeeWeave 跑完了一次完整写作闭环
后端·github
这个DBA有点耶8 小时前
SQL调优进阶:从“优化一条SQL”到“优化一个系统”的思维升级
java·大数据·数据库·sql·程序人生·dba·改行学it
仿生狮子9 小时前
别再说“全栈”了,AI 时代团队只认这 5 种人
前端·人工智能·后端
csdn2015_9 小时前
springboot读取配置的方法
java·spring boot·spring
AOwhisky9 小时前
下一代容器来了?Docker 宣布原生支持 WebAssembly
java·运维·docker·容器·rust·wasm
Reart11 小时前
Leetcode 213.打家劫舍2(内含闲谈,打劫真是技术活,好题,716)
后端·算法
云云只是个程序马喽11 小时前
海外短剧平台搭建方案:私有化源码系统选型|云微短剧系统技术架构拆解
java·php