👨‍💻 사건

기존 프로젝트를 타입스크립트로 마이그레이션 하기로 했다. 그러다 Api 인스턴스를 분리하고자 하였는데, 이때 나는 axios 를 사용하였다. axios의 요청 파라미터 옵션중 withCredentials 가 있었는데, 이를 사용하는 이유에대해 잘 모르고 사용을 하여서 한번 검색후 바로 알고 사용하고자 하였다.

✅ 해결

axios 요청 파라미터 옵션인 withCredentials의 기본값은 fals로 설정되어 CORS 요청을 허용하지 않게 설정되어 있다고 한다.withCredentials의 기본값을 true값으로 변경하면,CORS 요청을 허용하게되고, 쿠키값을 전달 할 수 있게 되는것이었다.

회원가입 페이지에는 axios 요청이 자주 요구되므로, 인스턴스를 생성할때 withCredentials의 기본값을 true로 설정하였다.

export const userApiInstance: AxiosInstance = axios.create({
  baseURL: 'https://mandarin.api.weniv.co.kr/user',
  headers: {
    'Content-type': 'application/json',
  },
  withCredentials: true,
});