반응형 Develop/React3 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. React-axios를 사용하여 토큰 갱신 후 헤더를 변경하는 방법 https://jodev.kr/entry/React-axios-%ED%86%A0%ED%81%B0-%EC%9D%B8%EC%A6%9D%EA%B0%B1%EC%8B%A0-%EC%B2%98%EB%A6%AC-%EB%B0%A9%EB%B2%95 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%.. jodev.kr React Axios 리엑트를 사용하여 웹 애플리케이션을 개발할때 토큰 갱신과 관련하여 몇 일간 고생했었다. 토큰 갱신 과정까지.. 2021. 8. 13. 이전 1 다음 반응형
