nginx 位置块以匹配 url

Question

我想通过以下方式使用 nginx 路由我的请求

site.com/admin -> admin/index.html
                  admin/js/assets.js // the route locations have individual assets
site.com/112dw -> dist/index.html // alphanumeric regex
                  dist/css/assets.css

我有以下 nginx 配置

server {
    listen 80
    root /usr/share/nginx/html;
    location /admin {
        //alias /usr/share/nginx/html/admin/;
        try_files $uri /admin/index.html; // changed based on answer below
    }
    location ~* /[a-zA-Z0-9].*$ { // rest of the routes
        add_header 'Access-Control-Allow-Origin' '*';
        //alias /usr/share/nginx/html/dist/;
        try_files $uri /dist/index.html;
    }
}

在我将配置更改为使用 try_files 后，我的静态资产没有被提供，因为 HTML 正在搜索上面的路径一目录。谁能指出我正确设置它？

Answer 1

最简单的方法是使用try_files：

root /usr/share/nginx/html;

location =/admin {
    try_files /admin/index.html =404;
}
location ~*^/[a-z0-9]+$ {
    try_files /dist/index.html =404;
}

Answer 2

您可以使用index、try_files 或rewrite 指令将请求指向index.html。

您不需要使用正则表达式位置作为默认值。实际上，按照您在问题中定义的方式，从未咨询过 /admin 位置。

您应该使用root 而不是alias（请参阅this document）。

有多种解决方案，可能取决于您的资源文件应该如何解决。这种模式可能适合您：

root /usr/share/nginx/html/dist;

location / {
    try_files $uri /index.html;
}
location /admin {
    root /usr/share/nginx/html;
    try_files $uri /admin/index.html;
}