728x90
Mixed Content 경고
말 그래도 http와 https를 둘 다 호출하기 때문에 일어난 경고창이다. 해당 페이지에서는 회원 목록을 호출하고 있는데, 회원 정보 중 하나인 카카오 계정 프로필 사진이 DB에 http URL로 저장되어 있었다. api를 https 프로토콜로 호출하면서 통시에 http URL을 타야해서 난 경고창인 듯 하다.
해결 방안
일단 DB의 프로필 이미지를 https 로 바꾸어주었다. 이렇게 바꾸니 경고창은 사라지고 잘 작동하는 것을 확인할 수 있었다. 다만 백엔드 파트에 물어보니 카카오 api를 호출했을 때 기본적으로 http를 받아오게 된다고 했다. 앞으로 일일이 DB 내용을 바꿔줄 수 없기 때문에 다른 방법을 찾아야할 것 같다.
https://developers.kakao.com/docs/latest/ko/kakaotalk-social/rest-api
Kakao Developers
카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.
developers.kakao.com
이곳에서는 https로 제공한다고 되어있고 http -> https로 받아올 방법은 더 생각해보아야 할 것 같다.
반응형
'WEB > ERROR' 카테고리의 다른 글
Minified React error #321 : React Hook은 컴포넌트 최상위에 위치해야 한다 (0) | 2022.06.05 |
---|---|
[React] unique "key" prop : key를 다 넣어줬는데도 에러가 나는 경우 (0) | 2022.06.04 |
[Vuejs] This dependency was not found:* vue-editor-bridge (0) | 2022.04.14 |
Uncaught (in promise) NavigationDuplicated : Avoided redundant navigation to current location (0) | 2022.04.06 |
Manifest: Line: 1, column: 1, Syntax error (0) | 2022.04.06 |