[Javascript] Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

Javascript에서 fetch를 사용중 나온 에러 정리

 

fetch 개념

fetch는 Javascript에서 사용하는 API를 호출할 때 사용한다. 첫번째 인자는 RequestInfo 또는 URL을 입력, 두번째 인자로는 RequestInit(headers,method, body 등)을 넣게 되어있다.

 

TypeError가 나오는 경우

• RequestInit에 method를 GET으로 한 경우.

이때 method를 POST 또는 PUT 등 Request Body를 사용하는 내용으로 수정하면 된다.

• method를 GET으로 호출하는데 RequestInit에 body를 넣은 경우.

필자에 경우 API 호출 하는 유틸을 설계중 GET으로 호출할 때로 RequestInit에 body를 넣어 나오는 에러였다.

 

 

참조

[mdn web docs]: https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch

Fetch 사용하기 - Web API | MDN