[ERROR] Refused to apply style from 'http://localhost:8080/member/login' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

[문제 화면]

 

 

[문제 상황 - 로그인 유무에 따라 css 파일의 적용 유무가 달라짐.]

 

로그인 하지 않은 왼쪽 화면은 'footer' 의 위치를 지정하는 css 파일이 적용되지 않은 모습이고,

로그인 한 오른쪽 화면은 css 파일이 적용된 모습이다.

 

왼쪽은 로그인 하지 않았을때 개발자 도구 오류 창이고, 오른쪽은 로그인 한 후이다.

이와 같이 로그인 하지 않았을 경우에만 오류가 발생한다.

 

 

[문제 원인 - Spring Security 가 비로그인 상태에서 static rescoure 접근을 제한]

 

[해결방법]

적용이 되지 않았던 css 파일인 'styles.css' 를 직접 명시적 으로 등록 해준다.

 

여기서 중요한 점은 직접 '파일명' 으로 등록해야 한다는 것이다.

'styles.css' 가 포함된 '/static/**' 와 같이 패키지 명으로 등록할 경우 작동하지 않는다. 

 

+ ) 

이렇게 등록해도 된다.

 

 

이와 같이 로그인 하지 않더라도 적용된 모습을 볼 수 있다.