如何将提取请求从 HTTPS 发送到 HTTP 服务器：混合内容错误

Question

我正在使用 NextJs 应用程序，我在其中使用简单的提取来发送一些 POST 数据。

我们在本地主机上使用了应用程序，它运行良好，但是当我将它放在服务器上时出现以下错误。

Mixed Content: The page at 'https://speechwithai.com/home' was loaded over HTTPS, but requested an insecure resource 'http://18.224.190.161:5000/fileToText'. This request has been blocked; the content must be served over HTTPS.

发件人和收件人都在同一个 IP 地址上 (https://speechwithai.com/)。在后面我是运行 NGINX 到端口 80 的服务器 WebAPP 和 Flask REST API 在 5000。我正在使用 Flask 因为我需要 python 库来处理一些文件。

我尝试了多次 post 但我没有找到任何解决方案。有人可以帮我吗？

我只想向我的 FLASK API 服务器发送一个请求，它是运行

http://someIPAddress:5000 from https://myLiveNextJsApplication.com

Answer 1

因为两台服务器运行在同一台服务器后面并且您已经设置了 nginx。

按照这些步骤操作

为烧瓶设置反向代理像下面这样的东西

events {}
http {
  server {
    listen 443;
    location /flask_api {
      proxy_pass http://127.0.0.1:5000/;
    }

nginx 配置位于 /etc/nginx/nginx.conf . 如需更多信息，请访问 https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/

配置 ui 以使用此 flask_api url = https://speechwithai.com/flask_api
更新要使用的 flask 路径路由 /flask_api

如何将提取请求从 HTTPS 发送到 HTTP 服务器：混合内容错误

How to send fetch request from HTTPS to a HTTP server : Mixed Content error

rest

http

flask

next.js

fetch