POST リクエストは Postman を使用している場合は正常に動作しますが、React axios と Spring Boot バックエンドを使用している場合は正常に動作しません

Question

反応コンソールから、URL「:8080/api/review-add」を指す「リソースを読み込めません: サーバーはステータス 500 () で応答しました」というエラーが表示されます。

Spring Boot バックエンドから、「not-null プロパティ参照 null または一時的な値: com.reactspringboot.bookclubbackend.entity.Review.account」というエラー メッセージが表示されます。

問題は、Postman で POST リクエストを実行するとエラーが発生せず、オブジェクトがデータベースにポストされることです。

これは Spring Boot バックエンドからのファイルです:

フォーラム.java

リーリー

アカウント.java

リーリー

Review.java

リーリー

ReviewRepository.java

リーリー

ReviewController.java

リーリー

Reactフロントエンドから

PostComponent.js

リーリー

postman の本文では raw を選択して JSON に設定し、この POST リクエストを「review」エンティティに使用すると機能します。

リーリー

ID 1 のフォーラムと ID 1 のアカウントがデータベースに存在します。

誰かが私を助けてくれたり、この問題の解決策を教えてくれたりしたら、とても感謝します。私は何日もこの問題に悩まされており、アイデアが枯渇しています。

Answer 1

サーバーがペイロード全体を受信することを期待している場合:

リーリー

次の操作を実行すると、サーバーはそれを受信しません:

リーリー

サーバーは次のもののみを受け取ります:

リーリー

状態内の 1 つのプロパティのみを更新する場合、オブジェクト全体を保持するために、更新にはオブジェクトの残りの部分を含める必要があります。 リーリー ＃＃＃または：＃＃＃ リーリー

ところで...ブラウザのデバッグ ツールは、まさにこの問題を絞り込むのに役立ちます。送信されている AJAX リクエストのペイロードを観察して、それが期待したものではないことを確認し、すぐに

all

---

サーバー側コードを問題の原因として除外し、クライアント側のデバッグに集中し始めることができます。