使用 Nginx 从同一服务器提供多个 React 应用程序

Question

我在 Nginx 的同一个服务器块中为多个 react 应用程序提供服务。我将这些路由从 nginx 转发到每个 react 应用程序的 index.html，我已经在每个位置添加了一个 try_files：

我的 nginx 配置：

server {
  listen 80;
  location /nest/ {
        alias /Users/harikrishnan/turbolab/nest-ui/build;
        try_files $uri /index.html;
  }
  location  /nest/dataviewer/ {
     alias /Users/harikrishnan/turbolab/dataviewer/dataviewer/build;
     try_files $uri /index.html;
}
}

问题是当我浏览到/nest/dataviewer 时，它会重定向到/nest/。这显然不是预期的，因为我希望每个位置都转发到适当项目的index.html。

Answer 1

正则表达式 (^nest/dataviewer) 与以 /nest/dataviewer 开头的 URI 不匹配。您缺少领先的/。

location ~* { 语句缺少任何正则表达式，我很惊讶nginx 接受它。

在这种情况下，您应该使用前缀location，这样更有效。详情请见this document。

例如：

location /nest/dataviewer { ... }
location / { ... }