oauth2 적용시 cors 에러

안녕하세요

디테일한 강의 어렵지만 조금씩 잘 보고 있습니다.

좋은 강의 만들어주셔서 감사합니다.

제가 실무에서 oauth2 로 google , naver 로그인 연동에 진행중에 있습니다.

spring boot 3.x 버전이고 kotlin 으로 진행중에 있습니다.

현재 cors 에러가 나서 검색하다가

https://www.inflearn.com/questions/1064449/authenticationentrypoint-%EB%A5%BC-%EA%B8%B0%EB%B3%B8-%EC%84%A4%EC%A0%95%EB%90%9C-login%EC%9D%B4-%EC%95%84%EB%8B%8C-react-%EC%9B%B9-%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A1%9C-%EC%84%A4%EC%A0%95-%EC%8B%9C-cors-%EB%AC%B8%EC%A0%9C%EA%B0%80-%EC%A7%80%EC%86%8D%ED%95%B4%EC%84%9C-%EB%B0%9C%EC%83%9D%ED%95%A9

여기서

말씀하신

CorsConfigurationSource corsConfigurationSource()

적용해보았고

정말 많은 수정을 하였지만 계속 cors 에러가 나고 있는상황입니다.

현재 local 에서 작업테스트중이며

front : localhost:3000

backend : localhost:8080 현재 api 서버

입니다.

인증이 필요없는 페이지에서는 axios 로 호출된 데이터가 잘 호출이됩니다.

아래는 kotlin 으로만든 securityConfig 입니다.

혹시 추가할 사항이 있을까요?

봐주셔서 감사합니다.

( 별도의 WonCoinfig 클래스에 corsRegistry 도 추가되어 있습니다. )

package hurryup.hukbizibbackend.config

import hurryup.hukbizibbackend.service.CustomOAuth2UserService
import hurryup.hukbizibbackend.utils.JWTFilter
import hurryup.hukbizibbackend.utils.JWTUtil
import hurryup.hukbizibbackend.utils.OAuth2SuccessHandler
import org.springframework.context.annotation.Bean
import org.springframework.context.annotation.Configuration
import org.springframework.security.config.annotation.web.builders.HttpSecurity
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity
import org.springframework.security.config.http.SessionCreationPolicy
import org.springframework.security.web.SecurityFilterChain
import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter
import org.springframework.security.web.authentication.logout.CookieClearingLogoutHandler
import org.springframework.web.cors.CorsConfiguration
import org.springframework.web.cors.CorsConfigurationSource
import org.springframework.web.cors.UrlBasedCorsConfigurationSource

@Configuration
@EnableWebSecurity
class SecurityConfig(
    private val customOAuth2UserService: CustomOAuth2UserService,
    private val oAuth2SuccessHandler: OAuth2SuccessHandler,
    private val jwtUtil: JWTUtil
) {

//
//    private fun configureCors(corsCustomizer: CorsConfigurer<HttpSecurity>) {
//        corsCustomizer.configurationSource(corsConfigurationSource())
//    }
//
//    @Bean
//    fun corsConfigurationSource(): CorsConfigurationSource {
//        println("corsConfigurationSource")
//        val configuration = CorsConfiguration()
//        configuration.allowedOrigins = listOf("http://localhost:3000")
//        //configuration.addAllowedOrigin("*")
//        configuration.allowedMethods = listOf("GET", "POST", "PUT", "DELETE", "OPTIONS")
//        //configuration.allowedHeaders = listOf("*")
//        configuration.allowedHeaders = listOf("Origin", "Content-Type", "Accept", "Authorization", "X-Requested-With", "X-XSRF-TOKEN", "X-Auth-Token", "X-Auth-Token-Expire", "X-Auth-Token-Refresh")
//        //configuration.exposedHeaders = listOf("Set-Cookie", "Authorization")
//        configuration.maxAge = 3600L
//        configuration.allowCredentials = true
//
//        return CorsConfigurationSource { configuration }
//    }

    @Bean
    fun corsConfigurationSource(): CorsConfigurationSource {
        val config = CorsConfiguration()
        config.allowCredentials = true

        config.allowedOrigins = listOf("http://localhost:3000")

        config.allowedMethods = listOf("GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS")

        config.allowedHeaders = listOf("*")

        config.exposedHeaders = listOf("*")

        val source: UrlBasedCorsConfigurationSource = UrlBasedCorsConfigurationSource()

        source.registerCorsConfiguration("/**", config)

        return source
    }



    @Bean
    fun securityFilterChain(http: HttpSecurity): SecurityFilterChain {

        http
            //.cors { configureCors(it) }
            .cors { it.configurationSource(corsConfigurationSource()) }



        http
            .csrf { it.disable() }

        http
            .formLogin { it.disable() }

        http
            .httpBasic { it.disable() }

        http
            .addFilterAfter(JWTFilter(jwtUtil), UsernamePasswordAuthenticationFilter::class.java)

        http
            .oauth2Login { oauth2 ->
                oauth2.userInfoEndpoint { endpoint ->
                    endpoint.userService(customOAuth2UserService)
                }
                    .successHandler(oAuth2SuccessHandler)
            }

        http
            .logout {
                it.deleteCookies("Authorization")   // 단순 쿠키삭제
                    // 이 메소드는 LogoutHandler 인터페이스를 구현한 CookieClearingLogoutHandler 객체를 로그아웃 핸들러로 추가합니다.
                    // CookieClearingLogoutHandler는 생성자에서 받은 쿠키 이름들을 로그아웃 시 삭제합니다.
                    // 이 메소드는 여러 개의 쿠키를 한 번에 삭제할 수 있으며, 추가적인 로그아웃 로직을 구현할 수 있습니다.
                    .addLogoutHandler(CookieClearingLogoutHandler("Authorization"))
            }

        http
            .authorizeHttpRequests { auth ->
                auth.requestMatchers("/", "/login", "/swagger-ui/**", "/v3/**","/api/v1/users/" +
                        "").permitAll()       // root 경로는 모두허용
                    .anyRequest().authenticated()               // 나머지는 인증 필요
            }


        http
            .sessionManagement { session ->
                session.sessionCreationPolicy(SessionCreationPolicy.STATELESS)
            }

        return http.build()
    }


}