漸進式 Web 應用 HTTPS 到 HTTP 請求

Question

我正在創建一個漸進式 Web 應用程序，需要向 HTTP 且沒有 HTTPS 的 API 發出請求。 無法將應用更改為 HTTP，因為 PWA 需要 HTTPS，無法將請求鏈接更改為 https。

收到此錯誤：

混合內容：“ https://current-site.herokuapp.com/ ”頁面已通過 HTTPS 加載，但請求了不安全的 XMLHttpRequest 端點“ http://the-api.com/api/customer ?$filter=contains” (CustomerName,%20%27test%27)&$select=CustomerName,CustomerId&$top=10'。 此請求已被阻止； 內容必須通過 HTTPS 提供。

希望有辦法解決這個問題。 目前使用 nodejs 和 express 來服務。 使用 axios 從前端 vuejs 發出請求。

謝謝你的幫助。

Answer 1

避免使用不安全或舊的瀏覽器，或者告訴您的用戶在上網之前使用一些命令行標志，沒有直接的方法。 這是設計使然，如果應用程序可以直接執行此操作，這將是一個主要的安全漏洞。

但是，如果您決定使用不安全的 API，您可以在您的服務器上編寫一個 HTTPS 代理 API，然后通過 HTTP 向真正的 API 發出請求。