405 (Method Not Allowed)

405 에러는 프론트와 백 간의 통신중 method에 문제가 있을때 발생하는데

허용되지 않은 method로 리소스 접근을 시도하면 발생한다.

 

이번에 해당 문제가 발생한 이유는

프론트에서 form 태그 안에 method는 PUT으로, action으로 URL이 설정되어 있는 상태로

input type="submit"이 아닌 input type="button"을 사용중이고

onclick 속성을 통해 

var form = document.getElementById("myForm");
form.submit();

 

해당 방식이 아니라 별도로 ajax를 활용한 방식으로 통신을 시도하고 있었는데

ajax는 또 type : 'POST' 로 설정되어있었다.

 

마지막으로 Controller 부분은 @RequestMapping(method = {RequestMethod.PUT } 으로 선언되어 있어서

 

요약하자면

form 태그 - PUT, ajax - POST, Cotroller - PUT으로 설정되어있는 이상한 상태였다

(내가짠거 아님..)

 

이 상태로는 저장버튼을 누를시 제대로 저장완료 메세지는 나오지 않았는데

웃기게도 반영은 또 된다

 

수정방법은 form 태그에서 method와 action 속성을 빼버렸고(어차피 통신은 ajax로 하니까)

ajax는 POST 그대로 유지

Controller의 RequestMethod를 POST로 변경하였다