오류 기록 - Axios delete 요청 시 body값

문제

axios.delete로 logout url에 accessToken을 같이 보내주었는데,

서버에서 요청을 받기는 하지만, accessToken을 인식하지 못하는 에러가 발생했다.

   return axios
        .delete("http://localhost:4000/logout", { accessToken })
        .then((res) => setIsLogin(false));

 

 

 

다른 api에서 동일하게 사용했던 방법이 막히고 해결했다고 생각했던 부분에서 또 막히니 당황스러웠다.

그렇게 또 한 시간을 코드의 이상한 부분을 찾다가,

문득 delete api 에 body를 보내주나? 라는 의문이 들어서 검색을 해보았다.

 

stackoverflow에서 비슷한 상황을 찾을 수 있었다.

해결 방법

DELETE의 경우 config안에서 data 속성을 선택할 수 있는 식으록 구성

 

따라서 아래와 같은 형식으로 data를 보내주어야 한다.

 

따라서 data 속성을 주고 그 안에 보내고 싶은 값을 넣어서 처리해주었다.

return axios
        .delete("http://localhost:4000/logout", { data: { accessToken } })
        .then((res) => setIsLogin(false));