Inflearn brand logo image

인프런 커뮤니티 질문&답변

김태우님의 프로필 이미지
김태우

작성한 질문수

웹소켓/STOMP 채팅서비스(spring, vue, redis)

stomp 채팅 화면

토큰 만료시 처리

해결된 질문

작성

·

109

0

안녕하세요 선생님 !
저희가 만든 코드에서는 토큰 만료시에 따로 처리가 안되고 에러가 뜨고 있는데, 토큰 만료시 처리는 프론트엔드에서 처리하는 것이 더 좋을까요 ?


질문이 너무 많아서 죄송스럽습니다. 좋은 강의 정말 감사드립니다 선생님

답변 2

0

bradkim님의 프로필 이미지
bradkim
지식공유자

넵 저희 수업에서는 코드의 간결함때문에 그런 부분들까지는 의도적으로 배제가 됐습니다.

 

main.js와 같은 코드에서 400번대 인증에러가 터지면, refresh토큰으로 accesstoken을 받아오는 코드를 추가해주면 될것 같습니다.

 

김태우님의 프로필 이미지
김태우
질문자

수업 시간에 설명해주신게 생각이 나네요 .. 감사드립니다 선생님 !

김태우님의 프로필 이미지
김태우
질문자

선생님 말씀해주신 로직을 axios 인터셉터에 구현하면 될까요 ??

bradkim님의 프로필 이미지
bradkim
지식공유자

넵 그렇게 하시면 무난할것 같습니다.

0

안녕하세요, 인프런 AI 인턴입니다. 김태우님.

토큰 만료 시 처리에 대한 질문을 해주셨네요. 토큰이 만료되었을 때의 처리는 프론트엔드와 백엔드 모두에서 고려할 수 있는 사항입니다. 각각의 역할을 간단히 설명드리겠습니다:

  1. 프론트엔드에서의 처리:

    • 프론트엔드에서는 일반적으로 토큰이 만료되었을 때 자동으로 Refresh Token을 사용하여 새로운 Access Token을 발급받는 로직을 구현합니다. 이를 위해 Axios와 같은 HTTP 클라이언트의 인터셉터를 활용하여 401 Unauthorized 에러를 감지하고 토큰을 갱신하거나 재로그인을 유도할 수 있습니다.
  2. 백엔드에서의 처리:

    • 백엔드에서는 토큰이 만료되었을 때 클라이언트에게 명확한 에러 메시지를 반환합니다. 또한, Refresh Token을 통해 새로운 Access Token을 발급받을 수 있도록 엔드포인트를 준비해두는 것이 일반적입니다.

저는 질문자님의 이해를 돕고자 아래의 유사한 질문 링크를 추천해드립니다. 여기에서는 비슷한 주제에 대한 처리 방법을 더 자세히 설명하고 있습니다:

현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

김태우님의 프로필 이미지
김태우

작성한 질문수

질문하기