GCP 컴퓨팅 엔진에서 실행되고 포트 3001에 출력을 제공하는 python 플라스크 코드가 있습니다. 내 서버 인스턴스의 물리적 주소가 x1.x2.x3.x4라고 가정하겠습니다.
Javascript 플러그인에 의해 로드되는 myJSFile.js라는 Javascript 파일이 있습니다. 여기에는 다음 코드 줄이 포함되어 있습니다(나머지 코드는 문제와 관련이 없어 제공되지 않음).
fetch('http://x1.x2.x3.x4:3001/p1', {
method: 'POST',
body: JSON.stringify({ message: text123 }),
mode: 'cors',
headers: {'Content-Type': 'application/json'},
myJSFile.js는 공용 웹사이트에 삽입될 플러그인이 액세스할 수 있도록 공용 클라우드 버킷에서 공유됩니다.
HTML 파일(내 컴퓨터의 로컬)에서 플러그인을 실행하면 문제 없이 실행되고 결과가 제공됩니다.
WordPress 웹사이트 aaa.com에서 플러그인을 실행하면 오류가 발생합니다.
혼합 콘텐츠: 'https://aaa.com/' 페이지가 HTTPS를 통해 로드되었지만 안전하지 않은 리소스 'http://x1.x2.x3.x4:3001/p1'을 요청했습니다. 이 요청은 차단되었습니다. 콘텐츠는 HTTPS를 통해 제공되어야 합니다.
컴퓨팅 엔진 인스턴스 속성을 확인한 결과 "https 트래픽: 켜기"가 표시됩니다.
코드에서 http를 https로 변경해 보았으나 이 문제가 해결되지 않았습니다. 브라우저에 "리소스를 로드하지 못했습니다: net::ERR_SSL_PROTOCOL_ERROR"라는 오류가 표시됩니다.
서버에서 다음과 같은 오류가 발견되었습니다.
예를 들어 몇 가지 해결 방법이 있다는 것을 알았습니다.이 장소워드프레스에서. 하지만 좀 더 일반적인 플러그인을 갖기 위해 GCP 설정을 변경하거나 코드를 변경하여 이 문제를 해결할 수 있는 솔루션을 찾고 있습니다. 어떤 조언이라도 대단히 감사하겠습니다. 또한 js 파일 공유에 대한 현재 접근 방식을 향상하는 방법에 대한 제안 사항이 있으면 알려 주시기 바랍니다.