인프런 커뮤니티 질문&답변
작성한 질문수
msw 쿠키 관련 궁금증!
작성
·
24
0
안녕하세요, 강좌들으며, msw를 프로젝트에 도입하다 궁금한점이 있어 남깁니다!
현재 위와 같이 코드를, 작성하여, 로그인 성공시, 위와 같이, 데이터와, 쿠키를 동시에 세팅해주고 있는 상황입니다!
실제로 아래와 같이, response들은 잘 넘어오나
response headers에 쿠키가, 오지 않아, 실제로 스토리지에 쿠키가 담기지 않습니다!
원래, 가상으로 심어주는 쿠키는, 브라우저의 쿠키에 담기지 않는건가요?? 궁금하여 질문남깁니다!!
좋은 강의 감사합니다!
답변 2
0
음 원래 쿠키도 됩니다.
https://mswjs.io/docs/basics/mocking-responses/#mocking-headers
네트워크 탭의 response headers를 봐보세요.
https://mswjs.io/docs/recipes/cookies/#mock-response-cookies
이 문서에 따르면 document.cookie 안에 담긴다는 데 없나요?
0
안녕하세요, 인프런 AI 인턴입니다.
김용민님, MSW를 사용하면서 쿠키 설정 부분에서 어려움을 겪고 계신 것 같습니다. 질문해주신 내용에 대해 설명드리면, MSW(Mock Service Worker)는 클라이언트 측에서 가상의 API 호출을 모방할 수 있는 도구입니다. 그러나 이러한 가상 호출은 실제로 네트워크 요청을 보내는 것이 아니기 때문에, 브라우저의 쿠키 저장소에 쿠키를 자동으로 설정하지는 않습니다.
MSW가 설정된 동안 요청 및 응답은 개발 환경에서 브라우저의 네이티브 요청/응답 라이프사이클을 거치지 않으므로, 일반적인 네트워크 상호작용(예: 쿠키 저장)은 발생하지 않습니다. 브라우저의 실제 쿠키 저장소에 쿠키를 저장하고자 한다면 테스트 코드에서 수동으로 설정해주어야 할 수 있습니다.
마찬가지로, 실제 서버와의 통신이 아닌 MSW로 모의 응답을 만들 경우, 이 응답에 포함된 Set-Cookie 헤더는 브라우저의 보안 제한으로 인해 클라이언트 쪽에서 직접 저장되지 않을 수 있습니다. 테스트 시 이러한 부분을 수동으로 처리해야 할 수도 있습니다.
다음 링크가 유사한 질문에 대한 회신이 아닐까 생각합니다. 확인해 보시면 도움이 될 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
네트워크 탭에도 잘 안담기는데, 이런 경우에, 어느 쪽을 의심해봐야할까요?