쿠키 형식으로 서버하고 통신을 하는데 브라우저에서 저장이 되지 않는 문제가 발생합니다.

Question

로컬에서 서버, 클라이언트 둘다 띄웠을 때는 정상적으로 됐는데 서버를 호스팅해서 외부로 띄울때 로그인할때 받은 쿠키값이 브라우저에서 저장이 안되는 것 같습니다. 이상하게 그 이후에 프론트에서 서버로 보낸 요청 쿠키가 브라우저에 저장이 되네요..로그인 성공했을때 네트워크 탭 정보입니다. 다음으로 쿠키를 담아서 보내는 요청 실패입니다. 서버에서는 CORS는 해제하였고, 프론트에서는 직접 url을 입력하여 서버에 요청하는 중입니다.로그인 코드입니다. const handleLogin &#61; async () &#61;> { const submission &#61; { id: id, password: pw, }; try { const res &#61; await loginPostAPI.post(&#34;&#34;, submission); console.log(res); if (res.status &#61;&#61;&#61; 200) { console.log(&#34;로그인 성공&#34;); setIsLoginState(true); } } catch (err) { if (err.response.status &#61;&#61;&#61; 400) { console.log(&#34;아이디나 비밀번호 오류&#34;); } if (err.response.status &#61;&#61;&#61; 500) { console.log(&#34;서버 에러&#34;); } } };로그인 후 요청 코드입니다. const fetchInitialData &#61; async () &#61;> { console.log(cookie.load(&#34;JSESSIONID&#34;)); try { const res &#61; await mypdfAPI.get(); const res2 &#61; await pdfsubjectAPI.get(); if (res.status &#61;&#61;&#61; 200) { const updatedDirectories &#61; res.data.folderDtos.map((directory) &#61;> ({ ...directory, isSelected: false, isEdit: false, })); setDirectories(updatedDirectories); } if (res2.status &#61;&#61;&#61; 200) { console.log(res2); } } catch (e) { console.log(e.response.data); } }; samesite도 none으로 설정했는데 왜 안되는걸까요..?ㅠ 이제는 로컬에서도 안됩니다ㅠㅠ..

cleannewbie · Answer

JSESSIONID 가 보이는데요 백엔드 서버에서 왜 세션 검증에 실패해서 401이 떨어지는지 확인하셔야 할 것 같습니다.

Clickin · Answer

로컬호스트에서는 도메인 검증이 안돼서 httponly 쿠키가 실패할겁니다.https://leejungyeoul.tistory.com/76

쿠키 형식으로 서버하고 통신을 하는데 브라우저에서 저장이 되지 않는 문제가 발생합니다.

2개의 답변

기술 목록