У меня есть код Python Flask-Cors, который запускается на вычислительном движке GCP и выводит свои выходные данные на порт 3001. Допустим, физический адрес моего экземпляра сервера — 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 в коде, но это не решило проблему. В браузере я вижу ошибку: "Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR"
На сервере я заметил следующую ошибку:
См. ошибку в вычислительном движке Google
Я заметил, что есть некоторые обходные пути, напримерэтот сайтв wordpress. Однако, чтобы иметь более общий плагин, я ищу решение, которое позволит мне решить эту проблему путем изменения настроек GCP или изменений в моем коде. Любые советы будут чрезвычайно ценны; также, если есть какие-либо предложения о том, как улучшить мой текущий подход к совместному использованию js-файла, пожалуйста, дайте мне знать.