Nginx try_files 在使用变量路径传递时加载空白页面

Question

我正在设置 nginx 以使用 React SPA。当我不包含变量路径 (/rsvp/) 时，页面加载正常。但是当我尝试 (/rsvp/S0mEtH1NG) 时，它会下载索引、清单、css 文件......但它实际上并没有将这些东西应用到 index.html。我几乎只是看到我的 index.html 没有实际加载。

我的配置看起来像这样：

server {
    listen 80;
    server_name something.com;

    location / {
        root /srv/something.com/webroot;
        index index.html;
    }

    location /rsvp {
        alias /srv/rsvp/build;
        try_files $uri $uri/ /rsvp/index.html;
    }
}

如果我有try_files $uri $uri/ /index.html，它将加载根目录 (/) 的 index.html，但存在类似的问题，即它不使用任何 css。

感谢您的帮助，非常感谢！

Answer 1

有一个long standing issue 与alias 和try_files。我会避免在同一个块中使用这些指令。试试：

location /rsvp {
    alias /srv/rsvp/build;
    if (!-e $request_filename) { rewrite ^ /rsvp/index.html? last; }
}

请参阅this caution 了解if 的使用。