본문 바로가기
Knowledge/- Web

CORS의 필요성을 느꼈다. CORS 정리하기!

by Yoojacha 2022. 9. 7.

https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request

 

Preflight request - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

A CORS preflight request is a CORS request that checks to see if the CORS protocol is understood and a server is aware using specific methods and headers.

developer.mozilla.org

처음에 봤을 때는 무슨 소리인지 몰랐다...


서버에서 이미지의 url을 fetcg를 통해 받았는데.. 문제는 요청이 두번이 들어와서 무엇이 문제인가 찾다보니 CORS까지 들어와서 Preflight request가 문제인 것으로 보였다. CORS에 대해 공부할 필요성을 느껴서 이 게시글에 정리를 할 예정이다.

 

(수정)

찾아보니 form 태그에도 post 메소드가 있고 자바스크립트에도 post 메소드가 있어서 두번 실행이 됐던 것 같다..ㅎㅎㅎ

그래서 form 태그에 post 메소드를 없애니 잘 되었다. 그래도 필요한 것이니 공부해보자!


정리

 

 

 

 

 

 

 

 


참고

https://jeleedev.tistory.com/178#cors-%EB%8F%99%EC%9E%91-%EB%B0%A9%EC%8B%9D

 

TIL63 | CORS란 무엇인가 (CORS, SOP, Preflight)

CORS 정책 위반...읽기 두려운 에러 메세지... 최근 인턴쉽에서 아비웹 고도화 프로젝트를 진행하면서 CORS 정책 위반으로 에러가 발생했었다. 강렬한 붉은색의 에러 메세지... 천천히 읽어보면 나

jeleedev.tistory.com

 

댓글