AJAX mode: 'cors' 실패 이슈

[SeonCheol]

mode : cors 로 fetch 시 실패

-> 'no-cors' 로 수정

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

[SeonCheol]

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]

'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]

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