图片不显示在https，而他们显示与http

Question

我已经建立了我的第一个个人网站(MERN堆栈)。它在我的机器上的开发模式下运行良好。我正在尝试使用AWS Lightsail来部署它。一切似乎在https工作良好，除了图像不显示。当我点击图片打开新选项卡时，它显示在http模式下。

前端端口:3000

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

图片存储在后端端口8000/Images文件夹上。

我已经被这个问题困了3天了。如有任何帮助，不胜感激。

Answer 1

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

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