NGINX –在单个服务器上服务多个SPA

Question

我们有一个开发服务器，其中包含许多单页应用程序，这些应用程序还可以在前端处理路由。

通常对于单页应用程序，我认为您需要配置以下内容：

location /some/path {
  try_files $uri $uri/ /index.html?$args;
}

现在，在我们的开发服务器上，要为人们在那里放置的每个小型测试应用程序重新配置nginx进行大量工作。

我要

• 提供文件（如果找到）
• 如果路径是文件夹，则提供index.html文件
• 如果找不到，请返回一个文件夹并尝试查找index.html并将其投放
• 尝试上一步，直到找到index.html文件
• 到达定义的根路径时停止尝试，例如/ some / path，如果没有index.html，则返回文件夹内容

如果某种形式的while循环是不可能的（由于它仅用于开发目的，性能不太重要），我可以将其限制为最多6个文件夹。那应该涵盖大多数SPA。

示例：

假设我在以下位置有一个单页应用程序：

/some/path/my-app

然后去：

/some/path/my-app/page1/subpage2/id3

它应该尝试：

• / some / path / my-app / page1 / subpage2 / id3（不匹配）
• /some/path/my-app/page1/subpage2/id3/index.html（不匹配）
• /some/path/my-app/page1/subpage2/index.html（不匹配）
• /some/path/my-app/page1/index.html（不匹配）
• /some/path/my-app/index.html（MATCH！）

P.S。我主要是前端开发人员，我对nginx的了解非常有限。

Answer 1

您可以将命名位置用作try_files语句的最后一个参数，以执行内部rewrite爬上目录树。在声明重定向循环之前，Nginx会将其限制为大约10次迭代。

例如：

root /path/to/root;
index index.html;

location / {
    try_files $uri $uri/ @rewrite;
}
location @rewrite {
    rewrite ^/(.+/)?. /$1 last;
}

index和try_files指令处理寻找index.html，而rewrite语句通过删除/之后的一个或多个字符来截断URI。