为多个React应用配置Nginx

时间:2019-12-04 20:30:39

标签: nginx

我有两个我想在同一服务器上使用Nginx服务的React Apps。在阅读了Nginx的文档并在多个网站上进行了研究之后,我仍然无法同时提供多个应用程序。我要显示的配置位于/etc/nginx/conf.d/myserver.conf中的文件中,我将显示两个示例,一个示例仅适用于一个可用的应用程序,而另一个示例适用于两个应用程序, t。

此示例仅适用于一个React应用程序(我正在通过http://myserver/foo访问该应用程序):

server {
    listen       80;
    server_name  myserver;
    root         /var/www/html/foo/build;

    location /foo {
        try_files  $uri $uri/ /index.html;
    }
}

此示例不起作用,我想在http://myserver/foo上提供两个应用,而在http://myserver/bar上提供另一个应用):

server {
    listen       80;
    server_name  myserver;

    location /foo {
        root       /var/www/html/foo/build;
        try_files  $uri $uri/ /index.html;
    }

    location /bar {
        root       /var/www/html/bar/build;
        try_files  $uri $uri/ /index.html;
    }
}

我尝试了其他配置,但是我发布了此配置,因为我认为它可以更好地说明我尝试执行的操作。

1 个答案:

答案 0 :(得分:0)

尝试

server {
    listen       80;
    server_name  myserver;

    location /foo {
        alias       /var/www/html/foo/build;
        try_files  $uri $uri/ /index.html;
    }

    location /bar {
        alias       /var/www/html/bar/build;
        try_files  $uri $uri/ /index.html;
    }
}