Nginx、nuxt.js 静态生成模式和尾部斜杠重定向

Question

我目前在为 nuxt.js 生成的站点正确配置我的 Nginx 时遇到问题。 我想要实现的是以下

/magazin -> /magazin/index.html
/magazin/ -> 301 /magazin

/magazin/artikel/titel-goes-here -> /magazin/artikel/titel-goes-here/index.html
/magazin/artikel/titel-goes-here/ -> 301 /magazin/artikel/titel-goes-here

目前这是相反的方式。

如果我是正确的，我不应该使用代理传递到例如带有 express 等的 pm2 实例，因为它破坏了静态站点生成的感觉。

但是我怎样才能让这个页面结构工作，因为出于 SEO 的原因，我需要与我们的遗留服务相同的 URL，它使用了 Angular Universal SSR

我目前的配置是：

location ^~ /magazin {
   root /path/to/dist;
   index index.html ;
}

如果我添加类似的东西

rewrite ^(.+)/+$ $1 permanent; 

我得到一个无限的 301 循环

谢谢您的帮助

Answer 1

您不能使用内置的index指令，因为它以相反的方式工作（正如您所观察到的）。

您可以使用try_files来测试index.html文件是否存在。 使用命名location来处理重定向。

例如：

location ^~ /magazin {
    root /path/to/dist;
    try_files $uri $uri/index.html @rewrite;
}
location @rewrite {
    rewrite ^(.+)/$ $1 permanent;
}

有关详细信息，请参阅此文档。