NGINX与certbot将https URL请求转发到api和dockerized react app

问题描述

我正在Digital Ocean Droplet的Ubuntu 18.04 LTS Bionix上运行Nginx。我有一个dockerized React应用程序，使用http时可以成功访问并与dockerized Flask / Quart应用程序一起使用。可以在示例：8000处访问React App，在示例：9000处访问Quart。 2沟通很好。

现在，当使用Nginx和常用的certbot方法设置https时（感谢您的教程：Digital Ocean tutorial），我得到的错误并不能完全告诉我发生了什么。

完成本教程并成功显示/var/www/example/index.html中https://www.example.com处的html文件后，我尝试使用https://www.example.com/app来访问可在http 8000和我可以在http 9000上通过标准文档页面访问的/ api网站。

React App在浏览器选项卡中按预期显示标题，但未显示任何内容。从css块中只有404错误说“无法加载资源”。

API也失败，无法加载资源。

根据迄今为止的研究，唯一更改的Nginx配置如下：

# /etc/Nginx/sites-enabled/example
server {

    root /var/www/example.com/html;
    index index.html index.htm index.Nginx-debian.html;

    server_name example.com www.example.com;

    location / {
            try_files $uri $uri/ =404;
    }
    location /app {
            proxy_pass http://localhost:8000;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
    }
    location /api {
            proxy_pass http://localhost:9000;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
    }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-Nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
 }
 server {
    if ($host = www.example.com) {
        return 301 https://$host$request_uri;
 } # managed by Certbot


 if ($host = example.com) {
     return 301 https://$host$request_uri;
} # managed by Certbot


    listen 80;
    listen [::]:80;

    server_name example.com www.example.com;
return 404; # managed by Certbot

}

还试图将/添加到api和app（位置/ app /，/ api /）中，结果发生变化，但仍然出错。在这种情况下，它仍然是api的404，但是它说URI不存在。对于react应用，它会根据正在读取的CSS给出语法错误。

任何建议都将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

certbot docker reactjs reactjs