반응형
프로그래밍/Javascript
-
Axios Jwt RefreshToken 중복요청프로그래밍/Javascript 2024. 2. 4. 17:23
1. 문제 Client는 모든 Axios 요청에 대해서 Access Token을 Header에 추가하여 요청을 진행합니다. 만약 Access Token이 없거나 만료가 되었을 경우 Cookie에 저장되어 있는 Refresh Token을 이용하여 Access Token을 갱신받아 요청들을 다시 재요청하는 방법으로 구현되어 있습니다. Axios의 비동기 방식의 요청에서 문제가 발생하게 되었습니다. Access Token이 만료된 상태에서 Axios를 이용하여 3개의 요청을 보낼경우 Refresh Token 갱신 요청또한 3번이 발생하는 것입니다. 2. 문제 순서도 실재 동작하는 순서입니다. 우리가 생각한 순서는 1번요청을 하고 1번 요청에서 Access Token이 만료가 된다면 Refresh 토큰을 통해 ..