쿠키 주고받기

milmil·2022년 7월 12일
0

노드와 나

목록 보기
4/8
post-custom-banner

쿠키 보내기

프론트엔드에 쿠키를 구워주자.
그리고 프론트엔드에서 가지고 있던 쿠키 값을 가져와보자.

백엔드와 프론트엔드에서 모두 설정해주어야 한다.

express에서...

app.use(
  cors({
    origin: clientUrl,
    credentials: true,
  })
); //cors 설정을 한다..

개발 단계에서는 귀찮아서 cors 옵션 설정을 안 할 수가 있는데, 쿠키를 넘기려면 origin설정을 해야 하고, credential: true를 추가해야 한다. origin은 http://localhost:3000이런 식으로 알아서 설정해주면 되는데 난 이걸 환경 변수로 관리하고 있다.

app.use(cookieParser());

cokie-parser미들웨어를 등록하자.

이제 쿠키 조회는 이런 식으로

...
req.cookies.book_id
...

쿠키를 심는 건 이런 식으로

 res.cookie('book_id', id, { maxAge: 604800000 });

프론트엔드 axios에서...

import Axios from "axios";

const axios = Axios.create({
  baseURL: process.env.REACT_APP_BASE_URL,
});

axios.defaults.withCredentials = true;


//이런 저런 설정들

export default axios;

매번 설정하기 귀찮으니까 이렇게 해준다

profile
쓰고 싶은 글만 씀
post-custom-banner

0개의 댓글