스프링 시큐리티가 적용된 스프링 mvc multipart form data 403 에러

Question

스프링 부트가 아닌 스프링 mvc 프로젝트를 사용하여 웹사이트를 만드는 중인데요. 단순 텍스트만 업로드하는 게시판은 완성하였는데 이제 게시판에 텍스트 뿐만 아니라 이미지나 영상과 같은 파일을 업로드하고자 합니다. 그래서 multipart form data를 프론트엔드에서 만들어서 ajax 방식으로 전송하였습니다. 클라이언트에서 자료를 multipart form data 형식으로 전송하기 위해 프론트엔드에서 다음과 같은 registFile 메소드를 만들었고 클라이언트에서 등록 버튼 클릭 시(onSubmit) 해당 메소드를 호출하도록 하였습니다.데이터베이스에서 게시글 테이블에서 작성자와 등록일이 각각의 글들을 구분짓는 unique 키로 사용되고 있기 때문에 단순 text data인 writer(작성자)와 regdate(등록일) 변수를 FormData에 먼저 담고 앞서 선택된 이미지나 영상들을 차례차례 모아놓았던 files 배열에서 각각의 요소(file)들을 FormData에 담아준 후 post 방식으로 header에는 Content-type을 multipart/form-data로 설정해주었고 백엔드에는 스프링 시큐리티를 적용했기 때문에 Authorization은 클라이언트가 현재 갖고 있는 액세스 토큰으로 설정해주었습니다. 일전에 로그인하는 경우와 단순 텍스트만 업로드하는 방식의 게시판 등록에서도 스프링 시큐리티가 적용된 상태였고 정상적으로 동작하였습니다. 스프링 mvc의 WebConfig와 SecurityConfig ServletConfig는 다음과 같습니다. 그런데, 클라이언트에서 단순 text들과 함께 이미지나 영상을 선택하여 첨부 후 등록 버튼을 누를 시 403 에러가 발생합니다. 해당 요청과 post 매핑된 Controller의 메소드까지 도달하지도 못하고 403 에러가 발생합니다. 이미지나 영상을 첨부하지 않고 Content-type을 multipart/form-data로 하지 않았던 이전 게시판에서는 단순 text들만 등록하는 방식이었고 이 때는 403 에러없이 정상적으로 글이 데이터베이스에 등록되고 보여졌습니다. 그런데 multipart/form-data 형식으로 보내려 하니 403 에러가 발생하는데, 구글링 해본 결과 필터를 뭐 어떻게 하고 스프링 시큐리티 보다 먼저 필터를 등록하고..... 이런 식으로 설명을 많이 하는데 대부분 스프링 부트를 기준으로 설명되어있고 이해가 많이 어렵습니다. 어떻게 해야 해결할 수 있는지 궁금합니다.

냥냥가면 · Answer

우선 이미지만 업로드 요청을 해보세요!그게 되는지 확인해야 다음으로 진행할 수 있어요!

스프링 시큐리티가 적용된 스프링 mvc multipart form data 403 에러

1개의 답변

Q&A 목록