[에러 해결] Axios delete 요청에 body, headers 넣는 법

그동안 개발 공부를 하면서 여러 에러들을 만났지만..!
매번 그때 그때 해결되면 생각보다 별거 아닌 문제였다는 생각에 기록하지 않고 그냥 넘어가곤 했다.
하지만 지금 프로젝트를 하면서도 예전에 겪었던 똑같은 에러들을 반복해서 겪고, 해결방법이 기억 안나 구글링하는 나 자신을 보며.. 오늘부터라도 에러들을 기록해보려고 한다. 아자 ! 😬

에러 로그

TS2554: Expected 1-2 arguments, but got 3.

에러가 발생한 곳

북마크 기능 구현 중에 북마크를 삭제하는 함수 deletePlace에서 delete 요청을 보낼 때 발생했다.

async function deletePlace(reqData: IReqData) {
    await axios.delete(
      `${url}/maps/cancel`,
      {
        data: reqData,
      },
      { headers },
    );
  }

원인

delete 요청에 인자가 1-2개만 전달되어야 하는데, 데이터를 함께 보내야해서 3개를 전달했더니 오류가 발생한 것 같다.

해결방법

아래처럼 두 번째 인자에 data와 header를 하나로 넣어주니 해결되었다.

async function deletePlace(reqData: IReqData) {
    await axios.delete(`${url}/maps/cancel`, {
      data: reqData,
      headers,
    });
  }

참고 : Axios - delete 요청 시 body에 데이터 넣는 법