[개발/CSP] Content Security Policy Either the 'unsafe-inline' keyword 에러 해결 방법

[개발/CSP] Content Security Policy  Either the 'unsafe-inline' keyword 에러 해결 방법

 

개발후

 

보안사항 적용중에

 

CSP 라고 하는 Content Security Policy 사항을 적용하는건

 

생각보다 까다로운 일인듯합니다.

 

하나하나 설정해주어야 하는 내용들이 있어서 불편하긴 하지만,

 

보안사항에 자주 나오니 설정을 해주는게 좋은듯 합니다.

 

"style-src 'self' Either the 'unsafe-inline' keyword

적용 중 위와 같은 오류가 나오는 경우가 있습니다.

 

 

그럴때는 아래처럼 style-src 설정에  'unsafe-inline' 라는 내용을 추가해주시면 됩니다!

style-src 'self' 'unsafe-inline' https://fonts.googleapis.com

 

추가적으로

 

'unsafe-inline' 관련 오류는

 

style-src 뿐 아니라 script-src 에서도 나오니

 

script-src 에서도 오류가 발생하면 똑같이 추가해주시면 됩니다!

 

참고들 하세요!