Vue.js JWT질문입니다.!

Question

express.js에서 accessToken, refreshToken(Redis에 저장됨)을 발급 해주는데요Vue.js에서 Headers에 accessToken을 넣어서 redis에 refreshToken과 검증을 하는데 있어서AccessToken을 Cookie에 값을 넣어서 저장하게 된다면 Headers에 값을 넣는 의미가 있나요? Cookie의 값을 redis와 비교하면 되는거 아닌가요?

Brian.P · Accepted Answer

서버에 보내줄 때 해더에 쿠키를 담는 것이고 마찬가지로 각 브라우저(클라이언트)에서 쿠키를 저장 장소에 모아 관리합니다. 예를 들어 서로 다른 장소에 물건을 옴길 때 쿠키는 물건이며 그 물건은 각 장소 (지정된 특정 저장소)에 위치하고 있고 Header는 자동차의 트렁크 칸이며 물건(쿠키)를 트렁크에 담아 옴길 수 있습니다. 서버 < - > 클라이언트 에 쿠키를 주고받는다고 생각하셔도 됩니다 (이 때 주고받는 수단으로 헤더 안에 담아서 전달) 프론트에서 무언가 검증할꺼면 쿠키 & JS 스크립트로 검사하시면 될꺼고 백엔드에서 검증하려면 해더 (혹은 암호화된 string) 등으로 넘겨주시면 그 정보를 서버에서 검증합니다.

서예ㅎ · Answer

제가 Redis를 잘 몰라서 답변드리기 어려우나,일반적인 백엔드와 프론트엔드 애플리케이션 서버가 나뉘어져 있다고 가정하고 이야기드리겠습니다.백엔드에서는 프론트엔드 단에 저장되있는 쿠키에 접근할 수가 없습니다. 브라우저 상에서 관리되는데.. 그래서 헤더에 넣어서 보내주고 백엔드 쪽에서 유효성을 검사합니다.

개잡부대장 · Answer

헤더 >>>>> 쿠키쿠키값은 헤더에 들어있습니다.서버에서 헤더 깔 수 있기때문에 쿠키도 깔 수 있습니다.통상적인 표준으로 헤더에Authorization : Bearer ${jwt토큰} 이런식으로 request 할때 토큰 값 넘겨줍니다Cookie에 값을 넣어서 저장하게 된다면 Headers에 값을 넣는 의미가 있나요? 서버에서 헤더에있는 쿠키를 직접 참조해도 되지만 헤더에 담는게 통상적으로 표준이여서 그런듯요

MungGaeDev · Answer

서버로 쿠키에 담긴 토큰을 전달하지 않으면 레디스랑 비교를 할 수 없습니다.

Vue.js JWT질문입니다.!

4개의 답변

기술 목록