axios delete请求如何发给springboot

Ethan Wilson2024-03-02 9:54

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)
{
	// ...
}

将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