서로 다른 프로젝트를 통해 연결하기 위해 클라이언트 사이드는 3000포트를 이용하였으며, 서버 포트는 80포트를 사용했다.
from origin 'http://localhost:3000' has been blocked by cors policy:
no 'access-control-allow-origin' header is present on the
requested resource.하지만 계속해서 위와 같은 CORS오류가 발생했다.
해결방안
시도 1.
WebMVCConfig를 통해 모든 요청 및 url에 대해서 허용을 했지만 지속적으로 CORS오류가 발생했다.
시도 2.
기존 1번 방법을 유지한 채로 build.gradle에
implementation 'org.springframework.boot:spring-boot-starter-security'
스프링 security를 추가하고
추가적으로 Http연결에 대해 설정을 해주었지만 실패했다.
시도 3.
시도 2의 방법을 취소하고 WebSocketConfig에서 @CrossOringn("*") 애노테이션을 통해 모든 외부 요청 및 접근에 대해서 열어주고, 설정을 했다.
또한 기존에는 registerStompEndpoints에서 'setAllowedOriginPatterns'가 아닌 'setAllowedOrigin'으로 세팅을 했었는데 시도 1에서 설정한 'Allowcredential'과 충돌을 일으켜서 'setAllowedOriginPatterns'으로 변경한 뒤 소켓 연결에 성공했다.
