我有一個在 GCP 計算引擎上運行的 python Flask-cors 程式碼，並在連接埠 3001 上顯示其輸出。
我有一個名為 myJSFile.js 的 Javascript 文件，它是由 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”
在伺服器上，我注意到以下錯誤：
我注意到有一些解決方法，例如這個網站在 WordPress 中。然而，為了擁有一個更通用的插件，我正在尋找一種解決方案，允許我透過更改 GCP 設定或更改程式碼來解決這個問題。非常感謝任何建議；另外，如果有任何關於如何增強我目前共享 js 檔案的方法的建議，請告訴我。