[항해99 37일차] (22.04.12) 계속되는 로그인/회원가입. Form Data 사용 파일 업로드

기록

 

어제 새벽까지 JWT 토큰 기반 인증으로 회원가입/로그인 기능을 구현했다.

오늘 오전에 서버 통신 테스트를 해보았는데, 로그인 시도 시 아래와 같은 오류 발생

 

 

서버 측의 오류로 보여, 백엔드 담당자께서 작업중이다.

 

나는 오늘 메인페이지, 마이페이지 작업을 해보려고 한다.

 

 

 

(새벽이 됨..)

아.. 정말 머릿속이 너무 복잡하다.

알 것 같으면서도 모르겠는 미궁 속에 빠진 기분이다.

컨디션 관리하면서 계속 파고들 뿐이다..!!!

내일도 화이팅해보자.

 

 

 

기능 구현을 하며 알게된 것들

1. 회원가입 / 로그인

axios 를 사용한 api 통신에 성공했다!

post 리퀘스트를 보냈고, 결과값이 위와 같이 떴다.

 

그런데 로그인 API, 회원가입 시 아이디 중복 체크 API 는 작동하지 않았다.

여러 방식을 시도해보았으나 500, 404, 400 에러를 반복했다.

 

 

오류의 원인을 알아냈다.

오류 원인은 클라이언트, 서버 모두에게 있었다.

 

우선 클라이언트. 

axios 인터셉터 설정에서 config.header["authorization"] = await getToken() 을 입력해 둔 것이 문제였다.

회원가입 시, 아이디 중복 체크 시점에서는 아직 토큰이 발급되지 않았는데, getToken을 실행하니 계속 authorization 이 null 이라고 헤더에 담겨져 보내진 것. 

 

서버.

서버는 리다이렉트가 너무 많이 발생하는 문제가 있었고, 

내가 프론트 담당이라 잘 이해하진 못했지만, 로그인 시 url 주소를 조금 다르게 설정해야 하는데 그 부분을 놓치셨다고 말씀해주셨다.