반응형 interceptor2 react, axios를 사용한 token 인증 기능 개발 (2) React 프로젝트에 Axios Interceptor 를 이용하여 Token 인증 기능을 개발해보자. 프로세스 1. POST /api/v1/auth/login 로그인 요청 2. 로그인 성공 시, 서버로부터 Access, Refresh Token을 Response로 전달 받고 해당 토큰을 로컬 스토리지에 저장 3. 인증이 필요한 API 요청 시, header에 Access Token을 포함하여 요청 4. 만약 http status code 401 (unauthorized) 가 반환되면 이전 요청을 가지고 있고, 5. refresh 토큰을 이용하여 POST /api/v1/auth/token/refresh 요청 후 5. 성공적으로 Token이 갱신되면 갱신된 Access, Refresh Token을 Respo.. 2022. 9. 4. react, axios를 사용한 token 인증 기능 개발 (1) 모던 웹 서비스에서의 유저 인증은 대부분 Token 기반 인증을 사용하고 있습니다. 과거 react를 공부하며 token 기반 인증 기능을 개발하는데 많은 시간을 썻던 기억이 있습니다. 다시 블로그를 시작하려고 확인해보는데 "React-axios를 사용하여 토큰 갱신 후 헤더를 변경하는 방법" 의 조회수가 가장 많이 나오고 있었습니다. https://jodev.kr/entry/React-axios%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%ED%86%A0%ED%81%B0-%EA%B0%B1%EC%8B%A0-%ED%9B%84-%ED%97%A4%EB%8D%94%EB%A5%BC-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2.. 2022. 8. 29. 이전 1 다음 반응형
