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

相关推荐
程序员老邢21 小时前
【技术底稿 14】通用文件存储组件:SpringBoot 自动装配 + 多存储适配
java·spring boot·后端·阿里云·微服务·策略模式
大连好光景21 小时前
接口测试入门案例
前端·后端·web
武子康21 小时前
大数据-269 实时数仓-Flink+HBase+DIM层数据处理实战:构建地区维度数据仓库
大数据·后端·flink
zjneymar21 小时前
苍穹外卖中一些知识点和问题
java·linux·服务器
Rsun0455121 小时前
5、Java 原型模式从入门到实战
java·开发语言·原型模式
lxh011321 小时前
最接近的三数之和
java·数据结构·算法
不会写DN21 小时前
处理非 UTF-8 输入:GB18030 回退策略
后端·go
我登哥MVP21 小时前
【SpringMVC笔记】 - 3 - 获取请求数据
java·spring boot·spring·servlet·tomcat·maven·intellij-idea
Predestination王瀞潞21 小时前
彻底解决IDEA Console控制台乱码(Python可供参考第一部分)
java·ide·intellij-idea
Seven971 天前
【从0到1构建一个ClaudeAgent】并发-后台任务
java