[Spring Boot][Error] Frontend에서 API 호출 시 CORS 문제

문제

Spring Boot 로컬 서버를 8888 포트로 띄워놓고 

VueJS Frontend를 8080 포트로 구현 중 API 호출이 CORS 문제를 막히는 문제에 부딪쳤다. 

 

연습 중인지라 이걸 굳이 막을 이유가 없기 때문에

서버단에서 Cross Origin Resource에 대한 요청을 허용하도록 설정을 추가하였다.

해결 

서버에 아래 Bean을 등록하여 해결

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "POST", "DELETE", "PUT");
    }
}