Nginx try_filesは、可変パスで渡されたとき空白ページを読み込みます。

Question

React SPAで動作するようにnginxを設定しています。私は、可変パス（/ rsvp /）が含まれていない場合、ページが正常に読み込まれます。しかし、私が（/ rsvp/S0mEtH1NG）しようとすると、インデックス、マニフェスト、CSSファイルをダウンロードします...実際にはindex.htmlにそれらの事を適用しません。私は、実際には何もロードされていないindex.htmlを見ているだけです。

私の設定は、このようなものになります。私はtry_files $uri $uri/ /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; 
    } 
} 

をCSS。

ご協力ありがとうございました。

Answer 1

aliasとtry_filesとlong standing issueがあります。同じブロック内でこれらのディレクティブを使用することは避けます。試してみてください：

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

はifの使用にthis cautionを参照してください。