[MIME] error

MIME error : MIME 타입은 웹 서버가 클라이언트에게 전송하는 파일의 종류를 나타내는 식별자. MIME은 "Multipurpose Internet Mail Extensions"의 약자로, 원래는 전자 우편에서 이메일 첨부 파일의 종류를 표현하기 위해 만들어졌음. 하지만 현재는 웹에서 다양한 파일 형식을 식별하는데 사용.

프로젝트를 진행하면서 개발자도구에서 처음보는 오류를 접했다. 바로 mime error!

Refused to apply style from 'http://localhost:8080/layout/navbar.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled. 라는 오류였는데 검색을 해보니 경로문제이거나 파일을 잘못찾은 경우인데 정확하게 경로를 직접 기입해주면 오류가 해결이 된다.

• 해결방법
  -> 웹 브라우저는 서버로부터 웹 페이지를 요청하면, 서버는 해당 페이지에 포함된 리소스(HTML, CSS, JavaScript, 이미지 등)들을 전송합니다. 이때 서버는 각 파일의 MIME 타입을 함께 전송하여 브라우저가 해당 파일을 올바르게 해석하고 처리할 수 있도록 도와줍니다.
  예를 들어, CSS 파일은 "text/css"라는 MIME 타입을 가지고 있으며, JavaScript 파일은 "application/javascript"라는 MIME 타입을 가지고 있습니다. 이미지 파일의 MIME 타입은 그 종류에 따라 "image/jpeg", "image/png", "image/gif" 등이 될 수 있습니다. 일반적으로 웹 서버는 파일의 확장자를 보고 MIME 타입을 결정하지만, 때로는 웹 서버의 설정이나 특정 파일에 대한 MIME 타입을 별도로 지정해야 할 수도 있습니다. 이를 제대로 설정하지 않으면 클라이언트(웹 브라우저)가 파일을 올바르게 인식하지 못하고, 그러면 파일이 정상적으로 로드되지 않거나 오류가 발생할 수 있습니다. 이와 관련하여 오류 메시지를 보면서, 서버가 CSS 파일들의 MIME 타입을 "application/json"으로 인식하고 있으며, 이는 지원되지 않는 CSS 파일 형식으로 간주되어 오류가 발생한 것입니다. 이를 해결하려면 웹 서버의 설정을 확인하거나, CSS 파일들의 MIME 타입을 "text/css"로 지정하는 방법을 적용하면 됩니다.