混合错误:该请求已被阻止;内容必须通过 HTTPS 提供

Was*_*lah 8 javascript fetch reactjs redux axios

我已经将我的reactapp部署到netlify,后端api端点看起来http://31.64.97.124/apiusers请求在本地主机上工作正常,但是当我将我的前端部署到服务器时,在每个获取请求上它开始给出以下错误。

Mixed Content: The page at 'https://blissful-lamport-78c1f5.netlify.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://34.68.97.184/apiusers/login'. This request has been blocked; the content must be served over HTTPS.

这个问题有什么解决办法吗?

Har*_*hah 7

Chrome 设置允许此网站包含不安全的内容。该问题的根本原因是 http 和 HTTPS 混合内容站点被用作 http 和 netlify 与 https。

从站点设置中查找以下选项 在此输入图像描述