Spring Boot REF2 - Http Post

springboot_ref2_http_post

(async function createPhoto() {
          let photo = {"fileName": "hello.jpg"};

          await fetch("http://localhost:8080/photoz", {
                    method: "POST",
                    headers: {
                              "Accept": "application/json",
                              "Content-Type": "application/json"
                    },
                    body: JSON.stringify(photo)
                    })
                    .then(result => result.text())
                    .then(text => alert(text));
})();

the console is giving me an error
POST http://localhost:8080/photoz 405 (Method Not Allowed)
I understand it is for security, I searched in stackoverflow but all what i could find are outdated answers

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

This works for me :

async function createPhoto() {
const photoData = {
fileName: "newphoto.jpg" // Update the filename here
};

try {
    const response = await fetch("http://localhost:8080/photoz/1", {
        method: "POST",
        headers: {
            "Content-Type": "application/json"
        },
        body: JSON.stringify(photoData)
    });

    if (!response.ok) {
        throw new Error("Failed to create photo");
    }

    const responseData = await response.json();
    console.log("Photo created successfully:", responseData);
} catch (error) {
    console.error("Error:", error.message);
    alert("Error occurred while creating photo");
}

}

createPhoto();

you should get this return :

{"id":"1","fileName":"hello.jpg"},{"id":"39be5f8d-71d1-4483-b8e9-50619dc01632","fileName":"hello.jpg"}]

and also add @requestbody annotation to postmapping