带有 spa 和子目录根的 nginx 配置

Question

我似乎总是对 nginx 配置有问题。我的 SPA 位于 /mnt/q/app（已启用推送状态），前端根位于 client/public。一切都应该映射到 index.html，应用程序会在其中选择路线并决定要做什么。

索引的完整路径是/mnt/q/app/client/public/index.html。

我想我现在已经没有选择了。不管我做什么，我只是从 nginx 得到一个 404，我认为配置很简单，不知道出了什么问题。

server {
    listen 80;
    server_name app.dev;

    root /mnt/q/app;

    location / {
      root /client/public;
      try_files $uri @rewrites =404;
    }

    location @rewrites {
       rewrite ^(.+)$ /index.html last;
    }
}

感谢任何帮助。

Answer 1

如果nginx 从根目录查看文件系统，则应将root 设置为/mnt/q/app/client/public，而不是您使用的两个值中的任何一个。

try_files 指令的最后一个元素可以是默认操作（例如 /index.html）、命名位置或响应代码。您在倒数第二个元素中有一个命名位置 - 将被忽略。

您的命名位置应该可以工作，但不是必需的，因为try_files 能够更简单地实现它。请参阅this document 了解更多信息。

例如：

root /mnt/q/app;

location / {
    root /mnt/q/app/client/public;
    try_files $uri $uri/ /index.html;
}

location /api {
}

location /auth {
}

$uri/ 元素将在目录中添加一个尾随 /，以便 index 指令可以工作 - 如果您不需要它，则不必添加它。