React 5 : 유저전용 페이지

발견한 문제

백에서 지정해준 인증인가가 필요한 URL은 서버로 요청을 날렸을 때 유효하다.

지금 필요한 건 로그인되어 있지 않은 상태에서 접근 불가능한 페이지를 설정해야한다.

 

 

 

보완해야할 점

1. 클라이언트에서 로그인이 필요한 페이지로 접근 시 로그인페이지로 리다이렉션

 

2. 로그인 후 로그인이 필요한 페이지로 접근했으나 이후 서버로의 요청시 로그인이 필요한 경우 로그인 페이지로 리다이렉션

퀴즈 등록하기 요청은 인증인가가 필요하다.

따라서 로그인 되지 않은 상태에서 버튼을 눌렀을 시 loginPage로 이동시키게 하고 싶은데 리다이렉션이 제대로 되지 않는다.

 

Axios에러를 보면 리다이렉션이 아닌 해당 url로 get메소드를 보낸다.

url로 get메소드 보내는 것도 리다이렉션처럼 동작하지 않나..?

 

+의문점

백엔드 서버에 아무런 로그가 안 찍힌다.

 

해당 필터까지도 가지 않는 것인지 내부 필터가 그렇게 동작하는 지 추측할 뿐이다.

 

시도 방법

https://thiswooin.tistory.com/108

React 6 : 카카오 소셜 로그인 구현하며 겪은 허무한 오류 (spring)

 

SecurityConfig에서 해당 api 접근이 막혀있었던 것을 풀어줌으로써 백엔드 서버로 접근이 가능하게 됐다.