axios ssl 调用HTTPS答案

【问题标题】：Axios ssl call HTTPSaxios ssl 调用HTTPS
【发布时间】：2021-07-24 05:33:44
【问题描述】：

我已经在 VPS 上安装了一个带有 react front 的 nodejs 服务器。我购买了commondo SSL，修复了服务器和域，然后如果我调用http，它会显示混合类型错误。 SSL 检查器为 SSL 提供 A 级。我使用 https.create 创建节点服务器。邮递员也为http://example.com/5000/posts 提供了正确的结果。

混合内容：“https://example.com/”页面通过 HTTPS 加载，但请求了不安全的 XMLHttpRequest 端点“http://example.com:5000/posts”。此请求已被阻止；内容必须通过 HTTPS 提供。

我该如何解决这个错误？它的 axios 、 node 或 SSL 问题？

【问题讨论】：

标签： node.js reactjs http https axios

【解决方案1】：

第一步，你要知道Mixed Content是什么意思，引用自web.dev：

通过安全 HTTPS 加载初始 HTML 时会出现混合内容连接，但其他资源（如图像、视频、样式表、脚本）通过不安全的 HTTP 连接加载。这就是所谓的混合内容，因为 HTTP 和 HTTPS 内容都被加载到显示相同的页面，并且初始请求通过 HTTPS 是安全的。

要解决这个问题，您必须在 SSL 协议下提供您的 API。

【讨论】：

我能以某种方式检测这些资源（例如图像、视频、样式表、脚本）吗？
@tinizian 混合内容？是的，你可以，看看控制台（开发工具）。