ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Spring Boot] CORS 문제
    프로그래밍 2023. 5. 21. 19:41
    반응형

     팀 프로젝트 개발을 하던 도중에 CORS 문제가 발생하였다. 이번 팀 프로젝트에서 프론트 서버와 백엔드 서버를 나눠서 개발하기로 했는데, 두 개를 한 컴퓨터에서 포트를 바꿔 동시에 실행하고 데이터 송수신을 테스트하던 도중에 문제가 발생했다. 이유는 localhost더라도 포트가 다르기 때문에 origin이 달라 오류가 발생한 것이다. 

     

     이를 해결하기 위해서는 백엔드 서버에서 수신할 origin을 설정해주면 간단하게 해결된다.

    @RequiredArgsConstructor
    @RestController
    public class LoginApiController {
        private final LoginService loginService;
    
        @CrossOrigin(origins = "http://localhost:8081/")
        @PostMapping("/api/login/login")
        public Integer login(@RequestBody MemberDTO memberDTO, HttpServletRequest request) {
            return loginService.login(memberDTO, request);
        }
    
        @CrossOrigin(origins = "http://localhost:8081/")
        @PostMapping("/api/login/save")
        public Integer save(@RequestBody MemberDTO memberDTO) {
            return loginService.register(memberDTO);
        }
    
        @CrossOrigin(origins = "http://localhost:8081/")
        @PostMapping("/api/login/logout")
        public Integer logout(HttpServletRequest request) {
            return loginService.logout(request);
        }
    }

    참고로 @CrossOrigin 은 클래스에 지정해도 동작한다.

    반응형
Designed by Tistory.