[Spring Security] Ajax Post 통신 시 403 에러

Spring boot 를 사용하면서 security 를 사용 시 ajax post 통신을 할 때 403 에러가 발생한다.

 

해결방법으로는 ajax send 전에 header 값에 csrf 토큰 값을 넣어주면 된다.

페이지의 header 부분에 meta 값을 넣어준다.

<meta name="_csrf" th:content="${_csrf.token}">
<meta name="_csrf_header" th:content="${_csrf.headerName}">

jQuery ajax 요청시 csrf 값을 요청 전에 헤더에 담아서 보내면 된다.

$.ajax({
	url: opt.url,
	type: opt.type,
	contentType: contentType,
	dataType: "json",
	data: opt.param,
	beforeSend: function (jqXHR, settings) {
           var header = $("meta[name='_csrf_header']").attr("content");
           var token = $("meta[name='_csrf']").attr("content");
           jqXHR.setRequestHeader(header, token);
	}
}).done(function (rData, textStatus, jqXHR) {
	...
}).fail(function (rData, textStatus, errorThrown) {
	...
}).always(function (rData, textStatus, jqXHR) {
	...
});

출처 및 참고..

https://sarc.io/index.php/cloud/2096-spring-boot-security-ajax-post-403

[Spring Boot] security를 사용할 때 ajax post 403에러 발생