Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Visual Studio Code
- NVM
- Sentry
- change detection
- code .
- typescript
- VSCode
- zsh
- 이미지바꾸기
- 변화감지
- php
- Git
- border-width
- aab 배포
- IONIC3
- ion-range
- oh-my-zsh
- Ionic
- error
- angular5
- ChangeDetectorRef
- 자바스크립개념
- sealize
- JavaScript
- rxjs
- hashchange
- getElementsByClassName
- fromEvent
- 테두리굵기
- angular
Archives
- Today
- Total
hsunny study blog
Mixed Content: The page at '%' was loaded over HTTPs, but requested an insecure image '%'. 본문
programming/ERROR
Mixed Content: The page at '%' was loaded over HTTPs, but requested an insecure image '%'.
헤써니 2018. 6. 18. 19:29Mixed Content: The page at '%' was loaded over HTTPs, but requested an insecure image '%'. This content should also be server over HTTPS.
에러설명
HTTPS로 통신하다가 HTTP로 연결되는 통신이 중간에 발생하면 보안정책에 의해 browser에서 block된다.
Google Chrome에서 HTTPS 페이지를 방문하면 브라우저가 JavaScript 콘솔의 오류 및 경고로서 혼합 콘텐츠가 있음을 경고한다. 위의 캡쳐사진은 경고이지만, 활성 혼합 콘텐츠가 있는 경우에는 빨간색 오류로 표시가 된다.
해결
경고와 오류는 HTTP://URL로 표시된 부분을 수정해야 사라진다.
※ 혼합 콘텐츠 오류 및 경고는 현재 보고 있는 페이지에 대해서만 표시되며, JavaScript 콘솔은 새 페이지로 이동할 때마다 지워지므로 사이트의 모든 페이지를 개별적으로 보고 해당 오류를 찾아야 한다. 일부 오류는 페이지의 일부와 상호작용한 후에만 표시될 수 있다.
참고
https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content?hl=ko