JS Fetch to Spring>必要なリクエストボディが見つかりません

Question

私は現在、Springサーバーに（HTTP put）単純なデータを入れようとしていますが、Javascript Fetchで動作させることはできません。私がすることができるよので、私はそれは、サーバー側で問題ありません知っている

@RequestMapping(value = "/savefcmtoken", consumes = "application/json", method = RequestMethod.PUT) 
public @ResponseBody 
String saveFCMToken(HttpServletRequest request, @RequestBody String data){ 
    JwtUser user = (JwtUser) getUser(request); 
    FCMData dataObj = new Gson().fromJson(data, FCMData.class); 
    fcmTokenService.insertIfNotExists(new FCMToken((int)user.getId(),dataObj.getToken())); 
    return "OK"; 
} 

：

"status" : 400, 
"error" : "Bad Request", 
"exception" : "org.springframework.http.converter.HttpMessageNotReadableException", 
"message" : "Required request body is missing: public java.lang.String org.mypackage.security.controller.fcm.FCMController.saveFCMToken(javax.servlet.http.HttpServletRequest,java.lang.String)" 

私のJSコード：

saveTokenToDB(token){ 
     fetch(Constants.server_endpoint + "/savefcmtoken", { 
      method: 'PUT', 
      headers: { 
       'Content-Type': 'application/json', 
       'Authorization': Constants.token 
      }, 
      data: JSON.stringify({token:token}) 
     }) 
      .then(response => { 
       console.log("saveTokenToDB response: " + response._bodyText); 
      }) 
      .catch((error) => console.log(" ERROR > saveTokenToDB: " + error.message)) 
    } 

と春方法は以下のエラーを返しますPostmanでリクエストを適切に実行しますが、fetchメソッドを使用しているときに...エラーをよく見ました。ここでは、フェッチを機能させるために設定する必要があるものは何ですか？

Answer 1

fetch APIによると、jsonはdataではなくbodyとして送信する必要があります。また、ヘッダーはnew Headers()で送信する必要があります。それらを修正してみてください：

saveTokenToDB(token){ 
     fetch(Constants.server_endpoint + "/savefcmtoken", { 
      method: 'PUT', 
      headers: new Headers({ 
       'Content-Type': 'application/json', 
       'Authorization': Constants.token 
      }), 
      body: JSON.stringify({token:token}) 
     }) 
      .then(response => { 
       console.log("saveTokenToDB response: " + response._bodyText); 
      }) 
      .catch((error) => console.log(" ERROR > saveTokenToDB: " + error.message)) 
    }