React + Springboot CORS 해결을 위한 처리

Frontend와 Backend는 port가 다르기때문에 다른 주소로 판단을 하므로,

CORS에 대한 처리를 해줘야한다.

우선 Backend에서 허용하는 URL에 대한 예외처리와 HTTP Method 허용을 해줘야 Backend에서 전달받아서 처리를 할 수 있다.

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:3000","http://example.com:9000")
                .allowedMethods("GET", "POST", "PUT", "DELETE");
    }
}