Back : Spring boot, Front: Vue 사용중입니다.
서버에서 Content-Security-Policy 설정은
default-src ‘self’ 'unsafe-inline’
img-src ‘self’ 'unsafe-inline’
style-src ‘self’ 'unsafe-inline’
script-src ‘self’ 'nonce-{kakaomap script에 넣은 값}'
입니다. 이렇게 실행할 경우 오류가 뜨지않습니다.
하지만 style-src에 unsafe-inline 옵션을 지워야 하는 상황이 생겨 지우니 오류가 발생하고 UI가 깨집니다.
오류로 뜨는 sha256-{num} 이 값을 style-src에 넣어봤지만 여전히 오류가 발생합니다.
도와주세요
style-src를 아래와 같이 설정하면 스타일이 깨지지 않는 것을 확인할 수 있습니다.
아래 스크립트와 링크 참고해서 적용해주세요.
그리고 해당 질문은 지도 API 문의 관련 게시글의 성향과는 다르기 때문에
자세한 설명을 드리기 어려운 점 양해 부탁드립니다.
<meta http-equiv="Content-Security-Policy" content="style-src https://*.kakao.com 'self' 'unsafe-inline';">
https://stackoverflow.com/questions/58218788/content-security-policy-problem-with-bootstrap-4