Rest Api 스프링 시큐리티 설정을 모르겠습니다

[김창규]

이번에 react와 자바를 이용해서 로그인을 구현해 보고 있습니다. 그런데 자바에서 타임리프를 사용할때와는 다르게 설정이 몇개
변경 되어야 하는 것 같은데 인터넷을 찾아보고 csrf를 disable 하는것도 따라 해보았지만 계속 302 found와 요청 메서드가 OPTION
으로 설정된 요청이 추가로 전송되고 있습니다. 

스프링 SecurityFilterChain 코드

public SecurityFilterChain filterChain(HttpSecurity http) throws Exception {
  http.csrf((csrf) -> csrf.disable());
   http.csrf(httpSecurityCsrfConfigurer -> httpSecurityCsrfConfigurer.disable());

  http.formLogin((formLogin) -> formLogin.loginPage("/admin/Login")

  );
  http.authorizeHttpRequests((authorize) ->
          authorize.requestMatchers("/**").permitAll()
  );
  return http.build();
}

클라이언트 코드

  const response = await client.post(
    "http://localhost:8081/admin/Login",
    {
      userId: emailValue,
      password: passwordValue,
    },
    {
      headers: {
        "Content-Type": "application/x-www-form-urlencoded",
        "Cache-Control": "no-cache",
      },
    }
  );

클라이언트 요청 정보( 한번 전송한 결과 )

[codingapple]

let formData = new FormData();
formData.append('username', '아이디');
formData.append('password', '패스워드');
fetch("/login", {
   method : 'POST',
   body : formData
})
로그인시 폼입력값처럼 아이디비번 보내봅시다

[김창규]

알려주신 코드와 동일하게 해서 요청이 2개씩 가던개 하나로 줄었지만 여전히 302 에러가 나고 있습니다

[김창규]

axios로 작성된 클라이언트의 api를 알려주신 fetch로 바꾸었는데 이제 요청은 정상적으로 하나만 작동합니다 그런데 아직 304가
뜨는데 해결방법이 있을까요?

[codingapple]

로그인잘되면 다른페이지 이동 때문에 302가 뜰 수 있습니다

[글쓴이]

글