search

SeonCheol / react_basic

0 stars 0 forks source link

AJAX mode: 'cors' 실패 이슈 #1

Open SeonCheol opened 6 years ago

SeonCheol commented 6 years ago

mode : cors 로 fetch 시 실패

-> 'no-cors' 로 수정

==> fetch 되지만 status = 0 이슈 발생

SeonCheol commented 6 years ago

no-cors — Prevents the method from being anything other than HEAD, GET or POST. If any ServiceWorkers intercept these requests, they may not add or override any headers except for these. In addition, JavaScript may not access any properties of the resulting Response. This ensures that ServiceWorkers do not affect the semantics of the Web and prevents security and privacy issues arising from leaking data across domains.

SeonCheol commented 6 years ago

'no-cors' 요청 결과에 상관없이 데이터를 얻어 올 수 없다. -> 'cors' 로 요청이 이루어져야 하는데 'cors 같은 경우 https://stackoverflow.com/questions/40182785/why-fetch-return-a-response-with-status-0

"Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response." 해당 에러는 당연한 결과로 요청 받는 서버쪽에서 처리해줘야 할 이슈.

SeonCheol commented 6 years ago

json 파일 로컬에 저장후 로컬 파일로 ajax 호출