Docker Reverse Proxy到带有React Router的React App

Question

我已经三天不停地敲键盘，试图弄清楚为什么我不能使它正常工作。

现在，我的机器上正在运行两个Nginx服务器。 两者都在Docker容器中运行。

一个nginx是反向代理。 另一个nginx是实际的，它为“ yarn build”构建的静态文件提供服务。

我目前在尝试访问根文件之外的任何文件时收到404错误。

因此example.com可以正常工作。 但是当我转到example.com/test（反应路线）时，出现404错误。

因此，这是我的反向代理确认。

server {
    listen 80;
    server_name     example.com www.example.com;

    location / {
            proxy_pass http://192.168.1.29:8080;
            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 ^~ /.well-known/acme-challenge/ {
            root /var/www/html;
    }
}

这是我实际的example.com配置文件，用于提供静态文件（是的，它是端口80，因为它在docker容器内的端口80上运行。暴露的docker容器端口为8080：

server {
    listen 80;
    listen [::]:80;
    server_name localhost;
    root /var/www/html;
    try_files $uri $uri/ index.html;
    index index.html;

    location / {
    }
}