Spring Boot CORS 설정 관련 에러 처리

 

 

 

[ 상황 ]

 

Vue 에서 axios 로 File 객체를 전송하려는 중 마주한 에러 

GET 요청은  CORS 에러없이 쓰고 있었는데 POST 요청시 발생하였던 것이 주요 문제다.

 

 

[ 에러 ]

 

"when allowCridencial is ture, allowedOrigins cannot contain the special value "*" sins that cannot be set on the "Acess-Control-Allow-Origin ~ " 

 

-> allowCredentials 가 true 일 때는 allowedOrigins("*") 로 설정하면 안된다는 문구 ! 

 

 

[ 문제 ]

 

CORS 표준에 따라 "allowCredentials(true)" 와 "allowedOrigins("*")" 를 같이 쓸수 없기 때문에 발생

 

[ 해결 ]

 

1. SpringBoot 3.x 이상에서는 "allowedOrigins("*")" 대신 "allowedOriginPatterns("*") 를 사용한다.
2. 구체적인 도메인을 작성한다

 ex) "*" 대신 특적 origin 지정 - "http://localhost:5173" 등 

 

---

 

나는 1번을 통해 해결했음 !