从Javascript前端向Flask后端发送请求时HTTPS问题

Question

我有一个可以运行的网站；

• Ubuntu 16.04
• Nginx
• 前端：React JS
• 后端：烧瓶

Nginx具有以下配置；

server {

  server_name domain.org www.domain.org;

  # front-end
  location / {

    root /home/domain/front-end/;
    try_files $uri $uri/ =404;

  }

  # api
  location /v1 {
    proxy_pass "https://127.0.0.1:5000";
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_cache_bypass $http_upgrade;
  }

  # certbot stuff omitted

}

server {

  # certbot stuff omitted

}

和下面的Es6脚本；

const url = new URL("https://127.0.0.1:5000/v1/recommendation/");
Object.keys(params).forEach(key => url.searchParams.append(key, params[key]))


fetch(url, {
  credentials: 'include'
}).
// omitted

但是它无法建立连接或获取失败，它在仍为HTTP的情况下仍然有效。

编辑

它实际上将请求发送到本地计算机，这很奇怪，并且转到[domain-name]：5000不会产生任何结果。

现在可以使用！将代理密码更改为；

proxy_pass http://localhost:5000;

和网址；

const url = new URL("https://[name-of-domain]/v1/recommendation/");