프론트엔드에 쿠키를 구워주자.
그리고 프론트엔드에서 가지고 있던 쿠키 값을 가져와보자.
백엔드와 프론트엔드에서 모두 설정해주어야 한다.
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 });
import Axios from "axios";
const axios = Axios.create({
baseURL: process.env.REACT_APP_BASE_URL,
});
axios.defaults.withCredentials = true;
//이런 저런 설정들
export default axios;
매번 설정하기 귀찮으니까 이렇게 해준다