混合内容:'https://***********.web.app/' 的页面是通过 HTTPS 加载的,但请求了不安全的资源 'http://ec2-/-/-/-/-/-'

Mixed Content: The page at 'https://***********.web.app/' was loaded over HTTPS, but requested an insecure resource 'http://ec2-/-/-/-/-/-'

I have hosted one of my react app on Google Firebase which is by default HTTPS and one of my react app is hosted on AWS amplify which is also by default HTTTPS and the backend is hosted on aws-ec2 which is HTTP.

Is there any way that without upgrading my aws-ec2 to HTTPS I can use the service?

您不能将任何 http 资源用于 firebase 托管,也不能将 firebase 托管站点转换为 http。所以,我建议你找到另一种方法来解决这个问题。

  • 停止使用 firebase,并找到另一个允许 http 资源的主机。
  • 将您的后端更改为 https。使用 letsencrypt 证书有一种简单的方法可以做到这一点。要生成证书,我建议您使用 acme-nginx 客户端 https://github.com/kshcherban/acme-nginx.