Bug : cors error

[wonseok-do]

한 일

const sendEmailVerifyCode = async () => {
    const url =
      "http://~~~/api/auth/send-email?email=wsdo970@gmail.com";
    const res = await axios.get(url, {
      headers: { "Content-Type": "application/x-www-form-urlencoded" },
    });
    console.log(res);
    return res;
  };

에러 내용

Access to XMLHttpRequest at 'http://~~~/api/auth/send-email?email=wsdo970@gmail.com' from origin
 'http://127.0.0.1:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present
 on the requested resource.

조치 사항

만약 조치한 것이 있거나 구글링한 게 있다면, ...

환경 설정

OS: Windows 10
Node:  v16.15.1 (@unchaptered), v16.13.1(@axisotherwise)
npm : v8.11.0 (@unchaptered), v8.2.2 (@axisotherwise)

[dusunax]

CORS 에러

• Network 탭 (Request URL: http://3.38.250.115/api/recipes/1)
  

[unchaptered]

기존에 cors 에서 허용 중인 아이피는 다음과 같습니다.

CORS_ORIGIN_ONE: 'localhost:3000',
CORS_ORIGIN_TWO: '127.0.0.1:3000'

[dusunax]

content-type 에러

• 헤더의 'content-type': "application/json"가 일치하지 않는 에러
  

[unchaptered]

다음과 같이 변경해서 해결되었습니다.

CORS_ORIGIN_ONE: 'localhost:3000',
CORS_ORIGIN_TWO: 'http://localhost:3000''

[unchaptered]

content-type 에러

• 헤더의 'content-type': "application/json"가 일치하지 않는 에러
  

경계원소를 고려해서 코드 변경을 했습니다.

해당 미들웨어 가 운영 환경에서 비정상 작동 하는 문제로 인해서 전부 주석처리 해두었습니다.