HTTP GET/DELETE 요청에 Body를 넣으면 안 되는 이유

// GET + body
fetch("/api/data", {
  method: "GET",
  body: JSON.stringify({ query: "test" }),
});
// ⚠️ Chrome, Firefox, Safari 모두 body 무시됨 (전송되지 않음)
 
// DELETE + body
fetch("/api/items/1", {
  method: "DELETE",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({ reason: "duplicate" }),
});
// ✅ 대부분 브라우저에서 전송됨 (하지만 서버에서 문제 가능)

// ❌ GET + body - 지원하지 않음
axios.get("/api/data", {
  data: { query: "test" }, // 무시됨
});
 
// ⚠️ DELETE + body - 특수 문법 필요
axios.delete("/api/items/1", { reason: "duplicate" }); // ❌ 작동 안함
 
// 올바른 방식 (작동할 수 있음)
axios.delete("/api/items/1", {
  data: { reason: "duplicate" }, // data 속성 사용
});
 
// 또는 axios() 직접 호출
axios({
  method: "delete",
  url: "/api/items/1",
  data: { reason: "duplicate" },
});

const express = require("express");
const app = express();
 
app.use(express.json()); // body-parser
 
app.get("/api/data", (req, res) => {
  console.log(req.body); // {} 또는 undefined
  // GET 요청의 body는 파싱되지 않을 수 있음
});
 
app.delete("/api/items/:id", (req, res) => {
  console.log(req.body); // 대부분 작동하지만 보장 없음
});

// GET + body - 기본적으로 지원하지 않음
@GetMapping("/api/data")
public Response getData(@RequestBody FilterDto filter) {
    // ⚠️ 작동할 수 있지만 권장하지 않음
}
 
// DELETE + body
@DeleteMapping("/api/items/{id}")
public Response deleteItem(
    @PathVariable Long id,
    @RequestBody DeleteOptionsDto options  // ⚠️ 권장하지 않음
) {
    // ...
}

// ❌ DELETE + body로 ID 목록 전달 (안티패턴)
fetch("/api/items", {
  method: "DELETE",
  body: JSON.stringify({ ids: [1, 2, 3, 4, 5] }),
});
 
// ✅ 방법 1: Query Parameters (소량)
fetch("/api/items?ids=1,2,3,4,5", { method: "DELETE" });
 
// ✅ 방법 2: POST 사용 (대량)
fetch("/api/items/bulk-delete", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({ ids: [1, 2, 3, 4, 5] }),
});