无法使用快递访问nginx上的路由

Question

我使用React js创建了一个站点，并对Nginx进行了一些更改，以将路由重写为文件，这样就不会出现404错误。最近，如果我使用location/{try_files$uri$uri//index.html；}为单页应用程序购买配置Nginx，我尝试使用express on当我尝试访问/api时，我将从我的应用程序中获取notFound页面，如果我不配置它，我可以访问我的express服务器，但当我尝试直接访问url（主页除外）时，网站显示notFound by nginx，

因此，我正在为nginx寻找一些异常配置，我想重写所有路由到索引html，除了任何以/api开头的url/*

请救我一命：）我在网上找不到解决办法

Answer 1

虽然不清楚您拥有什么样的体系结构，但我将假设React应用程序正在某个端口上运行，例如3000端口和5000端口上的后端服务器/api。

这里是一个非常基本的nginx配置示例，它将所有/api请求路由到服务器（端口5000），其余的路由到React应用程序。

upstream client {
    server client:3000;
}

upstream api {
    server api:5000;
}

server {
    listen 80;

    location / {
        proxy_pass http://client;
        // try_files $uri $uri/ /index.html; // to redirect to the index page
    }

    location /api {
        proxy_set_header X-Forwarded-For $remote_addr;
        rewrite /api/(.*) /$1 break;
        proxy_pass http://api;
    }    
}