Access to fetch at 'http://targeturl' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to '..

CORS error img

Access to fetch at 'http://targeturl' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

 

 

위의 에러가 난 경우 CORS policy 메세지를 내뱉어서 CORS를 체크하는 경우가 많습니다.

 

하지만 해당 url을 직접 웹브라우저나 insomnia, postman 같은 툴로 요청을 해보면 안되는 경우가 있습니다. 

 

이럴 경우 해당 backend api 서버가 현재 잘 돌아가고 있는지 확인하십시오. 

해결 방법 제시

1. 해당 서버가 잘 돌아가고 있는지 확인한다.

2. 도메인 설정이 잘못되어 있는지 확인한다.

3. nginx.. 등 웹서버가 정상적으로 셋팅되어 있는지 확인한다.

 

만약 정말 CORS 문제라면 요청할때마다 Backend에서 로그가 찍힐것입니다. 이럴경우 CORS 설정을 해주세요.

 

반응형