Message: 401 Unauthorized: [no body]

REST API
1

ID 1021973 , 스프링 부트+리액트
로그인이 성공할 경우 /boardlist로 가도록

function TopNav() {
const [isLoggedIn, setIsLoggedIn] = useState(false);
const navigate = useNavigate();

  useEffect(() => {
      const token = localStorage.getItem('userToken');
      if (token) {
        setIsLoggedIn(true);
      }
    }, []);

    const handleLogout = () => {
      localStorage.removeItem('userToken');
      setIsLoggedIn(false);
    };

    const handleKakaoLogin = async () => {
      try {
        const code = new URL(window.location.href).searchParams.get('code');
        console.log("code??: ", code)
        const backendUrl = 'http://localhost:8080';
        const params = new URLSearchParams();
        params.append('code',code);

        const res = await axios({
          method: 'POST',
          url: `${backendUrl}/public/auth/kakao/callback`,
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          },
          data: params.toString()
        });
        console.log('Response', res);
        localStorage.setItem('name', res.data.account.kakaoName);
        navigate('/boardList');
      } catch (error) {
        console.error('로그인 에러', error);
        // 에러 처리 로직
      }
    };

이런 식으로 설정했는데 http://localhost:8080/public/auth/kakao/callback?code=wTm7ukvJvfCYxHI-FKr0ZjjZk05oSl0SqzQRTBVjmfz7_y785JDGxDujfmcKKiUNAAABjV0kpR2SBpCp5rpDbg 이 화면으로만 가지고, 새로고침을 하면 status500과 함께 message: 401 Unauthorized: [no body] 이 에러가 뜹니다.

2

안녕하세요.

접근토큰 발급 시, 동일한 인가코드를 두번 이상 사용하는 경우 KOE320 오류가 발생됩니다.
500 오류는 서비스 내부에서 발생한 오류로 KOE320 오류를 핸들링하지 못하여 500 오류로 처리된 것으로 보입니다.

접근토큰 발급 후, 원하시는 페이지로 리디렉션 부탁드립니다.

3

{“userInfo”:{“nickName”:“”,“oauthProvider”:“KAKAO”,“email”:“”,“kakao_account”:{“profile”:{“nickname”:“”},“email”:“”}},“accessToken”:“NfwXOntP7yqxoVJj1dsjp1WddwCeu2a_Jq8KPXVcAAABjV15XKfdCc_9be4aqQ”}
토큰 값은 잘 받아와지는데 새로고침할 때 오류와 redirect가 안되는 문제가 납니다.

4

새로 고침 시 오류는 서비스측 redirect_uri 가 다시 동작하고 서비스가 구현한 코드에서 토큰 발급이 시도되기에 KOE320 오류가 발생하는 것은 정상으로 보입니다.

다만, 이 오류를 서비스가 핸들링하지 않아 그대로 500 에러로 처리된 것으로 보입니다.

그리고, 접근토큰 발급 후 원하시는 페이지로의 이동은 서비스에서 구현하셔야 하는 내용인데요
토큰 발급 후 원하시는 페이지로 갈 수 있도록 302 응답 하시면 좋을것 같습니다.