[Issue 해결] Reacte단에서 expres Session 연결 안되는 경우

❗️ Issue 

분명 로그인 후에 서버단에서 보낸 세션 값이 클라이언트단에서 콘솔창으로 찍히는데

문제는 그 이후에 다른 화면에서 axios요청을 보내면 session이 undefined가 된다.

💡 Solution 

client/app.js

import axios from "axios";
//...import 하는 부분 아래에 아래 코드 추가
axios.defaults.withCredentials = true;

server/app.js

app.use(
  cors({
    origin: "http://localhost:3000", // server의 url이 아닌, 요청하는 client의 url
    credentials: true,
  }),
);


//이전 코드 app.use(cors())

클라이언트와 서버단 둘다에 위 코드를 추가한다.

서버단에서 만약 그냥 cors()만 사용할 경우 cors에러가 뜨므로

위처럼 origin에 client url을 넣어줘야한다.