javascript - 渐进式 Web 应用程序 HTTPS 到 HTTP 请求

Question

我正在创建一个渐进式 Web 应用程序，需要向 HTTP 但没有 HTTPS 的 API 发出请求。无法将应用更改为 HTTP，因为 PWA 需要 HTTPS，无法将请求链接更改为 https。

出现此错误:

Mixed Content: The page at 'https://current-site.herokuapp.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://the-api.com/api/customer?$filter=contains(CustomerName,%20%27test%27)&$select=CustomerName,CustomerId&$top=10'. This request has been blocked; the content must be served over HTTPS.

希望有办法解决这个问题。目前使用nodejs和express来服务。使用 axios 从前端 vuejs 发出请求。

感谢您的帮助。

Answer 1

由于不愿意使用不安全或旧的浏览器，或者告诉用户在上网之前使用一些命令行标志，因此没有直接的方法。这是设计使然，如果应用程序可以直接执行此操作，这将是一个主要的安全缺陷。

但是，如果您决定使用不安全的 API，则可以在服务器上编写 HTTPS 代理 API，该代理 API 会反过来通过 HTTP 向真正的 API 发出请求。