TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

프론트 업무를 수행하며 axios 요청을 보냈는데, 계속해서 400 에러가 떴다.

 

 

GET 요청을 보내면 match / mismatch message를 주는 방식인데, 이때 토큰과 데이터 하나를 보내야 했다.

형식을 맞췄는데 에러가 뜨는 게 이상해서 swagger에서 해봤고,

TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

위와 같은 에러가 뜨는 것을 확인할 수 있었다.

 

검색해보니까 GET 또는 HEAD 요청을 보낼 때는 토큰이 아닌 다른 데이터를 같이 못 보내기 때문이라고 했다.

axios 요청을 보낼 때 POST로 바꿔봤는데, 그러면 백에서는 GET을 받고자 하고 나는 POST를 보내기 때문에 405 HTTP STATUS CODE가 나온다.

(참고, 405: Method Not Found / GET, POST 등 요청을 잘못 보냄)

따라서 백에 GET 대신 POST로 METHOD를 바꿔달라고 요청했고, 바꾼 이후에는 axios 요청을 잘 처리했다.