스프링부트 CORS 설정 오류

Question

안녕하세요 CORS 에러 해결이 안되어 질문 작성해봅니다.auth:1 Access to XMLHttpRequest at 'http://localhost:4000/api/v1/auth/sign-in' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource해당 오류가 발생합니다.아래는 작성한 코드입니다. cors.cors.configurationSource(corsConfigrationSource()) 이를 통해 모든 출처, 모든 메소드, 모든 응답 헤더에 대해 접근할 수 있도록 설정된 것이 아닌가요?어떠한 이유로 적용이 안되는지 궁금합니다. 추가로 해당 설정(corsConfigrationSource)이 적용되지 않아서 임의로 corsResponseFilter()를 사용하고 있습니다. corsConfigrationSource 대신 corsResponseFilter로 대체해서 사용하면 문제가 될까요?&#64;Configuration &#64;EnableWebSecurity &#64;RequiredArgsConstructor public class WebSecurityConfig { private final JwtAuthenticationFilter jwtAuthenticationFilter; // corsConfigrationSource가 적용이 안되어 임시 필터 &#64;Bean public Filter corsResponseFilter() { return (request, response, chain) -> { HttpServletResponse res &#61; (HttpServletResponse) response; res.setHeader(&#34;Access-Control-Allow-Origin&#34;, &#34;http://localhost:3000&#34;); res.setHeader(&#34;Access-Control-Allow-Methods&#34;, &#34;POST, GET, OPTIONS, DELETE, PUT&#34;); res.setHeader(&#34;Access-Control-Allow-Headers&#34;, &#34;Authorization, Content-Type&#34;); res.setHeader(&#34;Access-Control-Allow-Credentials&#34;, &#34;true&#34;); chain.doFilter(request, response); }; } &#64;Bean protected SecurityFilterChain cofigure(HttpSecurity httpSecurity) throws Exception { httpSecurity .cors( cors -> cors.configurationSource(corsConfigrationSource()) // cors.disable() // 위 설정 적용이 안되서 corsResponseFilter 로 임시 적용 ) .csrf(CsrfConfigurer::disable) .httpBasic(HttpBasicConfigurer::disable) .sessionManagement( sessionManagement -> sessionManagement.sessionCreationPolicy(SessionCreationPolicy.STATELESS) ) .authorizeHttpRequests( request -> request .requestMatchers(&#34;/&#34;, &#34;/api/v1/auth/**&#34;, &#34;/api/v1/search/**&#34;, &#34;/file/**&#34;).permitAll() .requestMatchers(HttpMethod.GET, &#34;/api/v1/board/**&#34;, &#34;/api/v1/user/*&#34;).permitAll() .anyRequest().authenticated() ) .exceptionHandling( exceptionHandling -> exceptionHandling.authenticationEntryPoint(new FailedAuthenticationEntryPoint()) ) .addFilterBefore(jwtAuthenticationFilter, UsernamePasswordAuthenticationFilter.class); return httpSecurity.build(); } &#64;Bean protected CorsConfigurationSource corsConfigrationSource() { CorsConfiguration configuration &#61; new CorsConfiguration(); // configuration.addAllowedOrigin(&#34;*&#34;); // addAllowedOriginPattern으로 대체 configuration.addAllowedOriginPattern(&#34;*&#34;); configuration.addAllowedMethod(&#34;*&#34;); configuration.addExposedHeader(&#34;*&#34;); configuration.setAllowCredentials(true); UrlBasedCorsConfigurationSource source &#61; new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration(&#34;/**&#34;, configuration); return source; } } class FailedAuthenticationEntryPoint implements AuthenticationEntryPoint { &#64;Override public void commence( HttpServletRequest request, HttpServletResponse response, AuthenticationException authException ) throws IOException, ServletException { response.setContentType(&#34;application/json&#34;); response.setStatus(HttpServletResponse.SC_UNAUTHORIZED); response.getWriter() .write(&#34;{\&#34;code\&#34; : \&#34;AF\&#34;, \&#34;message\&#34; : \&#34;Authorization Failed\&#34;}&#34;); } }

jeus1212 · Answer

시큐리티 필터뿐만 아니라 컨트롤러단에서 응답을 하는 경우에도 cors 설정이 필요하기 때문에 WebMvcConfigurer 인터페이스를 구현하는 설정 클래스(@Configuration)을 만들고 addCorsMappings 메소드를 오버라이딩 해서 설정하시면 아마 해결되지 않을까 싶습니다 WebMvcConfigurer 인터페이스를 키워드로 검색해 보세요

스프링부트 CORS 설정 오류

1개의 답변

Q&A 목록