Kubernetes、Nginx、SPA 托管在共享域上

Question

我正在开发一个托管在 kubernetes 上的项目，配置了一个入口，以便访问域根目录（我们称之为 example.com）定向到托管已运行的 spa 的 nginx 服务。某些 api 路径 /v1、/v2 等指向不同的 api 服务。

我们正在添加第二个 SPA，它将托管在 example.com/ui 下，

我可能应该提到这个 SPA 是使用 lit 元素（Web 组件）构建的，但经过预处理（缩小/转换/等）并通过 nginx 托管，而不是使用聚合物服务或类似的东西。处理是通过 rollupjs 和 tailwind-cli（用于 css）完成的。该站点也使用路由，因此其他路由 example.com/ui/someOtherRoute 定义 SPA 中的用户视图，但只会从服务器返回 index.html。

我从用于所有其他 SPA 的 nginx 配置开始，但它被设置为使用根域。

server {
listen   80;
listen   [::]:80 default ipv6only=on;

root /usr/share/nginx/html;
index index.html;

server_name _; # all hostnames

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

add_header Access-Control-Allow-Origin *;

所以

我们遇到的情况是，如果uri没有/ui，它就不会路由到我的nginx服务器

当某些内容包含/ui时，我想检查匹配的文件，否则提供index.html

我没有太多经验使用 nginx 但一直在研究潜在的解决方案。

目前我正在尝试利用别名功能：

 location /ui/ {
    alias /usr/share/nginx/html;
    try_files $uri /index.html;
}

我的理解是，使用别名将从搜索路径中删除“/ui”，以便 example.com/ui/somefile.css 的请求将查找文件为如果是 example.com/somefile.css

但是我还发现了一个仍然处于打开状态的旧错误这里< /a>

说明利用try_files $uri 不受别名影响。因此 try_files 命令仍然必须在其文件查找中使用 /ui 。

我还尝试利用索引中的 html 基本标签，但这开始将 /ui/ui 添加到我的所有 css 和 js 脚本请求中。

我的理解可能有些偏差，但任何指导都会很棒。我对 kuberenetes 入口中可以更改的内容的控制有限，但我对 ngix 容器和 SPA 代码库拥有完全控制。

我们有一个后备计划，为新的 ui 应用程序添加一个单独的子域，这将起作用，并且我们之前已经做过很多次了。我真的很纠结这个问题，因为我确信它可以按原样解决，而且我真的很想弄清楚。