POST 요청은 Postman을 사용할 때 잘 작동하지만 React axios 및 Spring Boot 백엔드를 사용할 때는 작동하지 않습니다.

Question

반응 콘솔에서 URL ":8080/api/review-add"를 가리키는 "리소스를 로드할 수 없습니다: 서버가 상태 500()으로 응답했습니다"라는 오류가 표시됩니다.

Spring Boot 백엔드에서 "null이 아닌 속성이 null 또는 임시 값을 참조합니다: com.reactspringboot.bookclubbackend.entity.Review.account" 오류가 발생합니다.

문제는 Postman에서 POST 요청을 할 때 오류가 발생하지 않고 개체가 데이터베이스에 게시된다는 것입니다.

이것은 Spring Boot 백엔드의 파일입니다:

forum.java

으아악

account.java

으아악

Review.java

으아악

ReviewRepository.java

으아악

ReviewController.java

으아악

React 프론트엔드에서

PostComponent.js

으아악

우체부 본문에서 raw를 선택하고 JSON으로 설정했으며 "검토" 엔터티에 대한 이 POST 요청을 사용하면 작동합니다.

으아악

ID가 1인 포럼과 ID가 1인 계정이 데이터베이스에 존재합니다.

누구든지 저를 도와주거나 이 문제에 대한 해결책을 알려주시면 매우 감사하겠습니다. 나는 며칠 동안 이 문제에 갇혀 있었고 아이디어가 부족합니다.

Answer 1

서버가 전체 페이로드를 수신할 것으로 예상하는 경우:

으아악

다음을 수행한 후에는 서버가 이를 수신하지 않습니다:

으아악

서버는 다음만을 수신합니다:

으아악

상태에서 하나의 속성만 업데이트하려는 경우 업데이트에는 전체 개체를 보존하기 위해 개체의 나머지 부분도 포함되어야 합니다.

으아악

또는:

으아악

---

그런데...브라우저 디버깅 도구를 사용하면 이 정확한 문제의 범위를 좁힐 수 있습니다. 전송되는 AJAX 요청의 페이로드를 관찰하고 예상한 것과 다르다는 것을 확인하고 즉시 모든 서버 측 코드를 문제의 원인으로 배제하고 클라이언트 측 디버깅에 집중할 수 있습니다.