riverrevir / searchPID

0 stars 1 forks source link

#3 React Spring boot cors error #8

Open riverrevir opened 2 years ago

riverrevir commented 2 years ago

Cors error - 교차 출처 리소스 공유 React 실행 포트는 3000, Spring boot의 실행 포트는 8080 두 실행 도메인은 포트가 다르기 때문에 SOP 문제가 발생합니다. 웹에서 확인한 결과 CORS 에러를 확인할 수 있습니다. 이럴 경우 어떻게 해결해야 할까요. React 환경 - axios를 사용하지 않고, 단순히 fetch로 설정한 상태

riverrevir commented 2 years ago

대부분 스프링 부트의 컨트롤러에서 @CrossOrigin(origins = "*")을 전체 허용으로 해주거나 Mapping 해줄 때 같이 선언해주면 됩니다. 하지만 @CrossOrigin을 해도 CORS 에러가 계속해서 발생한다면, WebMvcConfigurer 의 메서드를 오버라이드해주면 된다. https://github.com/riverrevir/searchPID/pull/7/commits/b8b5190d9a437e0091b60847e2b7bbdc2e8653a9 자세한 코드는 추가된 커밋 내용을 확인 바랍니다.