확인차 질문 드립니다.

Question

안녕하세요. 영상 마지막부분에서 토큰을 확인할 때 로그아웃을 하고 다시 로그인시 토큰이 헤더의 authorizatio에 담겨있자나요? 브라우저를 새로고침 하고 로그인을 처음 시도 하고나면 토큰이 안담겨 있습니다. 그런데  다른 분들의 질문을 보고 이해한것이 지금 상황이 다른 로직들이 없어서 로그인을 한 후에 로그아웃을 하고 다시 로그인을 했을때(뭔가 axios로 통신을 하였을때 ?) 확인을 한것 같은데 맞나요? 로그인을 한 후에 뭔가 서버와 통신을 할때 헤더에 담겨 있는 토큰으로 인증을 받을때 사용하려고 인터셉터에서 헤더의 authorization에 토큰을 담아서 요청을 보내는걸로 이해 했는데 제대로 이해했는건지 맞나 모르겠네요..

캡틴판교 · Answer

안녕하세요 지혁님, 제가 답변이 조금 늦었네요..! 좋은 질문을 주셨는데 바로 답변 드릴게요. 이번 강좌에서는 최대한 동영상 별로 하나의 토픽에만 집중시켜드리기 위해서 액시오스 모듈화, 토큰 처리, 액시오스 인터셉터 설정 등을 나눠서 촬영했습니다. 그러다보니 조금 혼란스러우셨을 것 같아요. 일단 강의에서 제작한 애플리케이션의 최종본의 인증 처리 흐름은 다음과 같습니다. 1. 로그인 완료 2. 로그인한 사용자의 토큰을 쿠키와 Vuex에 각각 저장 3. 토큰이 필요한 API는 모두 액시오스 인터셉터에 설정된 Vuex의 state 값으로 HTTP 헤더 설정 여기서 만약 브라우저 새로 고침이 일어나면 Vuex에서 쿠키에 저장된 토큰 값을 state에 설정해줍니다. 그 이후는 위 흐름을 다시 타게 됩니다. 혹시 더 궁금하신 점 있으면 알려주세요. 수강해주셔서 감사합니다 :)