에러: 'requested resource'는 요청(request)쪽이 아니라 응답(response) 관련이다

이 에러는 CORS를 겪을 때마다 거의 항상 만나는 에러다.

처음에는 'requested'라는 단어를 보고 '수동태인데? 근데 요청쪽이야 응답쪽이야?' 하고 긴가민가했다. 구글에 조사해도 뾰족한 답이 안 나오는 것 같았는데 오늘 드디어 확실한 해답을 찾았다. (같은 에러문을 조사해도 매번 다른 자료가 나오는 구글의 신기함)

requested resource는 응답 쪽이다. 고로 백엔드에 요청해야 한다.

아래 이미지 출처

서버에게 본 요청을 보내기 전에 해당 요청을 보내도 되는지 서버에게 확인하는 Preflight 요청에서 발생하는 에러다. Preflight가 성공해야 본 요청을 보내는데 이 경우는 사전 요청에서 막혀버린 케이스이다.

Access-Control-Allow-Origin 헤더는 백엔드만 설정할 수 있기 때문에 이 에러 발생 시 에러 사진과 함께 백엔드에게 요청하자.