[실무 기록] <link rel="stylesheet">로 CSS 불러오는데 간헐적으로 CORS 에러가 나던 이유 (해결: crossorigin 제거)
·
FrontEnd/web
어느 날부터 서비스에서 CSS가 간헐적으로 안 먹는 현상이 생겼다콘솔을 보면 CORS 관련 에러가 뜨고, 화면은 스타일이 빠진 채로 깨져 보였다힘들었던 포인트는 이거였다어떤 브라우저에서는 안 터지고어떤 브라우저/디바이스에서는 터지고같은 환경에서도 가끔은 되고, 가끔은 실패원인 파악이 너무 어려웠다.결론우리는 써드파티 라이브러리/CSS를 버저닝 + 캐싱 목적 때문에 회사 S3에 올려두고, 서비스에서는 그 S3 주소로 직접 로드하고 있었다.그런데 로 CSS를 불러올 때 예전에 넣어둔crossorigin="anonymous" 이 속성 때문에, 브라우저가 CSS를 CORS 모드로 요청하면서 간헐적인 CORS 에러가 발생했다.그래서 나는 crossorigin="anonymous"를 제거했고, 그 뒤로 문제는 멈췄..