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

Question

我正在使用NextJS应用程序，其中我正在使用简单的获取来发送一些帖子数据。

我们在localhost上使用了应用程序效果很好，但是当我将其放在服务器上时，会出现以下错误。

混合内容：已加载'https://speechwithai.com/home的页面 通过HTTPS，但请求一个不安全的资源 'http://18.224.190.161:5000/filetotext'。这个请求已经 阻塞内容必须通过https提供。

从和到相同的IP地址（ https://speechwithai.com/ ）。在后面，我在端口80处运行NGINX到Server WebApp，并以5000为Flask REST API。我正在使用烧瓶，因为我需要Python库来处理某些文件。

我尝试了多个帖子，但没有找到任何解决方案。有人可以帮我吗？

我想要的只是向正在运行的烧瓶API服务器发送请求

http：// someipaddress：5000来自 https://mylivenextjsapplication.com

Answer 1

由于这两个服务器都在同一服务器后面运行，并且您已经具有NGINX设置。

按照以下步骤

1. 设置烧瓶的反向代理
   有像下面的nginx配置之类的东西。

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

在/etc/nginx/nginx.conf中，
。
有关更多信息，请访问 https://docs.nginx.com /nginx/admin-guide/web-server/reverse-proxy/

2. 配置UI以使用此blask_api
   url = https://speechwithai.com/flask_api

3. 更新烧结路径路由/blask_api