[TIL]2023.07.21 Mixed content 문제 해결(https 사이트에서 http 사이트 요청 시 발생하는 보안 문제)

Nick·2023년 7월 22일
0

TIL: 오늘을 돌아보자

목록 보기
52/95
post-thumbnail
post-custom-banner

https 사이트에서 ajax를 사용해서 비동기로 http 사이트에 request를 요청해서 문제가 발생.
암호화된 HTTPS 기반의 사이트에서 암호화되지 않은 HTTP 사이트에 요청을 보내서
Mixed content 에러가 발생함

Mixed content 문제 해결

에러메세지

Mixed Content: The page at 'https://plprice.netlify.app/' was loaded over HTTPS, 
but requested an insecure script 
'http://api.vworld.kr/req/search?service=search&version=2.0&request=search&format=json&type=ADDRESS&category=PARCEL&query=%EB%B4%89%EB%82%A8%EB%A6%AC%20720-9&callback=jQuery351016469620631517623_1610625986322&_=1610625986323'. 
This request has been blocked; the content must be served over HTTPS.

에러 해결

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

참고 자료

profile
배우고 도전하는것을 멈추지 않는 개발자 입니다.
post-custom-banner

1개의 댓글

comment-user-thumbnail
2023년 7월 22일

좋은 글 감사합니다.

답글 달기