어느 날 갑자기 CSS가 적용 안 된다.
캐시 지우기, 정적 파일 모으기, link 버전 달기.. 모든 방법을 다해봐도 CSS가 적용이 안됐다.
기괴한 건 브라우저 개발자 모드로 CSS 파일을 정상적으로 로드한다는 것이다.
로컬로 실행했을 경우엔 또 잘 된다 말이죠...
그렇게 이틀 동안의 허튼짓으로 로컬과 서버의 차이는 nginx에서 나온다는 것을 깨닫고
nginx 설정 파일을 파헤치기 시작했다..
원인은 MIME 설정에 있었다...
types {
application/javascript.js;
}
이것을 지우니 해결됐다.. 참 허무했다.
그렇다면 Nginx 설정에서 해당 MIME 타입 설정이 CSS 파일의 로드에 영향을 주는 것으로 보인다..
자바스크립트 파일만 해당 MIME 타입 설정이 적용되어야 하지만, CSS 파일에도 영향을 주어 문제가 발생한 것 같은?? 정확한 원인을 모르겠다.
지금까지 포스팅했던 DB도 다 날아가고.. 환상이다..
해결까지 못했으면 컴퓨터 뿌개 버렸을지도..