프론트 초보 get요청 질문입니다.

Question

안녕하세요 현재 프론트를 배우고 있는데 이해가 가지 않는 부분이 있어 도움을 구하고자 글을 작성합니다.현재 프론트에서 서버로 요청을 해서 데이터를 조회하려고 하는데 서버에서는 get으로 컨트롤러를 작성했습니다.서버 요청에 body값을 넣어 조회를 해야하는데 TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body. 라면서 get요청은 body값이 들어갈수 없다고 합니다. 많은 분들이 해결 방법으로 post로 바꿔서 하면 된다고 하는데 근본적인 해결 방법이 아닌것같아 도움을 요청합니다. const response &#61; await fetch('http://localhost:8080/result', { method: 'GET',headers: {'Content-Type': 'application/json' },body: JSON.stringify(month) }); 이게 프론트 코드입니다. 어떤식으로 코드를 작성해야하는지 많은분들의 생각을 공유해주시면 고맙겠습니다.

코딩냠 · Answer

제가 알기로는 GET매핑은 파라미터로 값을 받거나, URL패턴으로 값을 받는게 일반적이라고 알고 있어요.REST 원칙에 따르면 GET이 공개적으로 자원을 가져오도록 설계된것이라 json으로 값을 숨기는게 RESTful하지않다고 알고있습니다.그래서 자원 요청하시는거면 url뒤에 파라미터로 표현하거나 해도 괜찮은데 김영한 강의 보다보니 URL패턴을 사용하는 편이 더 깔끔해보이는것같아요

charlatan · Answer

근본적인 해결책이라는 것이 어떤 의미인지 잘 모르겠지만 POST로 보내는 것이 맞습니다.

Clickin · Answer

get에 body 넣는건 좋지 않아요반대로 post에 get param 필수로 요청하는 쪽도 좋지 않습니다.

RWB · Answer

GET은 Query Parameter 방식이라고 해서, URL의 파라미터로 데이터를 보내야합니다.https://localhost:8080/result?key1=value1&key2=value2일반적인 상황에서 GET에 body를 포함해서 주거나 받지 않습니다.API의 용도에 맞게 적절히 API를 개선해야합니다.단순 조회용 파라미터라면, body가 아닌 query parameter 방식으로 변경한다.파일 업로드 등, 반드시 body가 필요하다면, POST 등, body를 지원하는 메서드로 변경한다.

프론트 초보 get요청 질문입니다.

4개의 답변

기술 목록