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

相关推荐
星星电灯猴5 分钟前
iOS 性能调试全流程:从 Demo 到产品化的小团队实战经验
后端
程序无bug13 分钟前
手写Spring框架
java·后端
程序无bug15 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
JohnYan15 分钟前
模板+数据的文档生成技术方案设计和实现
javascript·后端·架构
全干engineer27 分钟前
Spring Boot 实现主表+明细表 Excel 导出(EasyPOI 实战)
java·spring boot·后端·excel·easypoi·excel导出
Da_秀30 分钟前
软件工程中耦合度
开发语言·后端·架构·软件工程
Fireworkitte36 分钟前
Java 中导出包含多个 Sheet 的 Excel 文件
java·开发语言·excel
GodKeyNet1 小时前
设计模式-责任链模式
java·设计模式·责任链模式
蓝易云1 小时前
Qt框架中connect()方法的ConnectionType参数使用说明 点击改变文章字体大小
linux·前端·后端
a_Dragon11 小时前
Spring Boot多环境开发-Profiles
java·spring boot·后端·intellij-idea