인프런 커뮤니티 질문&답변
작성한 질문수
쿠키에 accessToken, refreshToken을 담고, 조회 시에 undefined
작성
·
31
0
쿠키안에 accessToken과 refreshToken을 JSON.stringfy()로 문자열로 담아주는데 getCookie()를 할시에 object타입으로 전달되어서 accessToken과 refreshToken이 undefined로 잡혀 갱신이안됩니다.
답변 1
0
우선 로그인을 처리해서 리액트에서 받은 결과가 정상적인 객체인지 확인한 후에 JSON.stringify( )를 해 주어야 합니다. 혹시 API서버에서 결과가 다르게 나오는지 확인해 주시고 객체가 아닌 문자열이라면 코드를 확인할 수 있는 링크를 꼭 아래 적어둔 메일로 알려주시면 감사하겠습니다.
로그인을 한 후에 브라우저의 application 항목을 보시면 url인코딩된 문자열이 아래처럼 존재하는지 먼저 확인해 주세요 (package.jso의 react-cookie의 버전도 확인해 주세요)
"react-cookie": "^6.1.1",
%7B%22social%22%3Afalse%2C%22pw%22%3A%22%242a%2410%24emXZMHr5UuD.oR1XICr3B.318Fs6ml1uHXdXMQ%2FSGCVzBFJ2ojYAq%22%2C%22nickname%22%3A%22USER1%22%2C%22accessToken%22%3A%22eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzb2NpYWwiOmZhbHNlLCJwdyI6IiQyYSQxMCRlbVhaTUhyNVV1RC5vUjFYSUNyM0IuMzE4RnM2bWw. 생략
리액트의 cookieUtil에서는
export const getCookie = (name) => {
const member = cookies.get(name)
console.log("getCookie-------------------------------------")
console.log(member)
return member
}
와 같이 수정해서 쿠키에서 제대로 값이 읽어내는지 확인해 주세요..
혹시 문자열 생성이 이상하게 되시나요?
만일 그렇다면 제가 백엔드 코드를 볼 수 있도록 cookie_00@naver.com으로 알려주세요
정상적인 동작 여부는 해당 섹션의 마지막 수업자료로 서버쪽 소스 코드가 있으니 참고삼아 실행해서 동작시켜 보시는 방법도 있습니다.