The fetching code is correct, just update the mapping in your controller, to avoid this 405 (Method Not Allowed) Error:

@PostMapping("/photoz")
  public ResponseEntity<Photo> create(@RequestBody Photo photo) {
      photo.setId(UUID.randomUUID().toString());
      db.put(photo.getId(),  photo);
    return new ResponseEntity<>(Photo, HttpStatus.CREATED);
}

As of April 29, 2024 I am also getting the 405 and can't find an answer.

same here

The fetching code is correct, just update the mapping in your controller, to avoid this 405 (Method Not Allowed) Error:

You are not passing the actual photo variable, should be:

@PostMapping("/photoz")
public ResponseEntity<Photo> create(@RequestBody Photo photo) {
      photo.setId(UUID.randomUUID().toString());
      db.put(photo.getId(),  photo);
    return new ResponseEntity<>(photo, HttpStatus.CREATED);
}

The fetching code is correct, just update the mapping in your controller, to avoid this 405 (Method Not Allowed) Error:

You are not passing the actual photo variable, should be:

@PostMapping("/photoz")
public ResponseEntity<Photo> create(@RequestBody Photo photo) {
      photo.setId(UUID.randomUUID().toString());
      db.put(photo.getId(),  photo);
    return new ResponseEntity<>(photo, HttpStatus.CREATED);
}

Worked for me thank you

Thanks @tommywong712 and @WaterChick

Adding a cors origin solves cross-origin issues in browsers -

@CrossOrigin(origins = "*")
@RestController
public class PhotozController {

}

I was getting error 405 while the use the same JS in the gist, but it turned out i accidentally had
@PostMapping("/photos")
instead of
@PostMapping("/photoz")
(an s instead of a z in the post mapping path)
so if make sure you spelt that correct also.

@CentreMetre yes usually error 405 indicates somewhere you have gone incorrect in Mapping annotations