언젠간 만난다는 CORS... 그게 지금인가? 🤔

이슈 상황

import { GET } from './axios';

export const getMyInfo = async () =>
  GET({
    url: '/users/me', 
    isAuth: true, // authorization 필요
    isJsonType: false, // content-type 불필요
  });

• 위 코드를 실행하게 되면 CORS 이슈가 발생하고 있다. (위 코드는 get, header에 authoration을 넣은 상태로 서버에게 요청을 보내는 코드)
• 같은 서버 다른 get, post에서는 문제가 발생하고 있지 않다.

원인

현재 에러가 발생하는 에러는 method가 GET일 때, header에 authorization을 하는 부분에서 발생한다. GET 메소드에 인증 옵션이 붙으면 simple request가 아니기 때문에 options라는 http 메소드가 먼저 서버쪽에서 요청에 대해 확인하는 요청을 하게 된다. 여기서 요청이 승인되면 GET 요청이 정상적으로 되고, 승인되지 않으면 GET 요청 자체가 들어가지 않는다.

reference

• https://okky.kr/article/498449
• https://xiubindev.tistory.com/115
• https://blog.sinsiway.com/12