springboot jwt 발급하기 1 (corsFilter)

https://cordingmonster.tistory.com/category/Jwt/Jwt%20%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%2B%EB%B0%B1%EC%97%94%EB%93%9C%20%ED%86%B5%EC%8B%A0

'Jwt/Jwt 프론트엔드+백엔드 통신' 카테고리의 글 목록

이전에 한번 썼던 글이지만 다시 한번 정리해 놓으려고 한다

 

발급 전 jwt를 사용할 때는 높은 확률로 

프런트/백엔드 도메인이 분리되어있을 것이다

ex) localhost:3030, (프) localhost:8080(백)

axios/ajax 등 도메인이 서로 다를 때 

cors정책이 우리를 가로막게 된다

localhost/:1 Access to XMLHttpRequest at 'http://localhost:8080/auth/user/check? detail=email' from origin 'http://localhost:3030' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

여기아주 좋은 글이 있다

https://wonit.tistory.com/572

[Spring Boot] CORS 를 해결하는 3가지 방법 (Filter, @CrossOrigin, WebMvcConfigurer)

여러 가지 해결방법이 있지만

나는 cors필터로 해결했다

이유는 컨트롤러에 오기 전에

필터를 걸어줘서 cors를 허용해 줘야 되기 때문이다

corsFilter.java

 

처음 만들 때는 

추석 처리되어있는

//configuration.addAllowedOriginPattern("*");

사용을 추천한다

securityConfig.java

다 필요 없고

.addFilter(corsFilter.crosfilter())

등록해주자

짠 cors경고가 사라지고 통신에 성공했다

(403은 무시해도 된다)