1. CORS 오류

CORS의 allowedOrigins("*")를 설정해주었는데, Delete에서 CORS 403오류가 자꾸 나타났다.

2. 원인

applyPermitDefaultValues() 메소드를 보면 allowMethods 설정을 하지 않을 경우 GET, HEAD, POST Method를 기본값으로 설정하고 있습니다.

따라서, Delete는 기본 설정이 아니라 CORS 오류가 났던거였습니다.

3. 기존 Code

@Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer () {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**").allowedOrigins("*")
            }
        };
    }

4. 수정 Code

allowedMethods를 추가할 때, 기존 Default method(GET, HEAD, POST)도 함께 추가 해주어야합니다.

@Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer () {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**").allowedOrigins("*").allowedMethods(
                    HttpMethod.GET.name(),
                    HttpMethod.HEAD.name(),
                    HttpMethod.POST.name(),
                    HttpMethod.PUT.name(),
                    HttpMethod.DELETE.name(),
                    HttpMethod.PATCH.name()
                );
            }
        };
    }

5. References

1. hellozin velog