图像显示为 http 时未显示在 https 中答案

【问题标题】：Images are not displaying in https while they are showing up with http图像显示为 http 时未显示在 https 中
【发布时间】：2021-10-30 19:38:51
【问题描述】：

我已经建立了我的第一个个人网站（MERN 堆栈）。它在我的机器上的开发模式下运行良好。我正在尝试使用 AWS Lightsail 部署它。除了没有显示图像外，https 中的一切似乎都运行良好。当我单击图像以在新选项卡中打开时，它会以 http 模式显示。

前端端口：3000

<img src="http://localhost:8000/images/image_name.jpeg";

图像存储在端口 8000/images 文件夹的后端。

我已经被这个问题困扰了 3 天了。任何帮助表示赞赏。

【问题讨论】：

您是否为后端连接设置了适当的 ssl 证书和 https 设置？ https 在 8000 端口上也不起作用。
嘿@Marcin，我已经在 lightsail 实例中配置了 conf 文件，它将 443 上的请求路由到前端 (3000)。设置似乎很好，因为站点在执行 CRUD 操作时没有显示 ssl 错误，除了后端中的图像文件夹没有重定向到 https。
设置是问题。谢谢。

【解决方案1】：

如果嵌入它们的页面是通过 https 加载的，浏览器会阻止通过 http 加载内容。对两者使用相同的协议，就可以了。

除了显式使用http://example.com/image.jpg 或https://example.com/image.jpg，您还可以使用协议相关的URL，如//example.com/image.jpg，当然也可以只使用/image.jpg。

【讨论】：