Question

我在端口8080上运行由docker中的API组成的网站，以及包含前端反应应用程序的静态文件夹。

api位于/api

我正在尝试配置NginX以正确地提供此配置，但我无法弄清楚如何使两者都正常工作。

如果我像这样设置default：

server {
    root /var/www/html;
        server_name DOMAIN; # managed by Certbot

    location @nodeapp {
        # Redirect to the api
        proxy_pass   http://localhost:8080;
    }

    location / {
        # Map all the routes to the index.html
        try_files $uri @nodeapp;
    }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/DOMAIN/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/DOMAIN/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
}

然后，所有内容都会重定向到我的API，如果没有明确指定，则不会传递静态内容（例如转到https://host/index.html）

如果我添加try_files $uri $uri/ @nodeapp;作为目录提供根文件夹，则会提供索引，但我无法再访问API，它始终为反应应用提供服务

我也尝试添加

location /api/ {
    proxy_pass   http://localhost:8080
}

但没有区别

我做错了什么？

Answer 1

我找到了答案，我正在使用的反应应用程序设置了一个服务工作者，这正在弄乱路由。我删除了它，它现在就像一个魅力！

NginX：提供静态内容和代理传递给Node API

1 个答案: