nginx：すべてのリクエストを単一のhtmlページに送信します

nginxを使用して、URLを保持したいのですが、実際には同じページをロードします。History.getState()JavaScriptアプリでリクエストをルーティングするためにURLを使用します。それは簡単なことのように思えますか？

location / {
    rewrite (.*) base.html break;
}

動作しますが、URLをリダイレクトしますか？それでもURLが必要です。常に同じページを使用したいだけです。

これでうまくいくと思います：

location / {
    try_files /base.html =404;
}

を使用してもtry_filesうまくいきませんでした。ログに書き換えまたは内部リダイレクトサイクルエラーが発生しました。

Nginxのドキュメントには、いくつかの追加の詳細があります：

http://nginx.org/en/docs/http/ngx_http_core_module.html#try_files

だから私は次のことを使ってしまいました：

root /var/www/mysite;

location / {
    try_files $uri /base.html;
}

location = /base.html {
    expires 30s;
}

元の書き換えはほとんど機能するはずです。なぜリダイレクトされるのかはわかりませんが、本当に欲しいのは

rewrite ^ /base.html break;

あなたはそれを場所に置くか、サーバーに直接置くことができるはずです。

これは私のために働きました：

location / {
    alias /path/to/my/indexfile/;
    try_files $uri /index.html;
}

これにより、JavaScriptの単一ページアプリのキャッチオールURLを作成できました。によって作成されたcss、フォント、JavaScriptなどのすべての静的ファイルnpm run build は、と同じディレクトリにある場合に見つかりindex.htmlます。

静的ファイルが別のディレクトリにある場合、何らかの理由で、次のようなものが必要になります。

# Static pages generated by "npm run build"
location ~ ^/css/|^/fonts/|^/semantic/|^/static/ {
    alias /path/to/my/staticfiles/;
}

これは私のために働きました：

location / {
    try_files $uri $uri/ /base.html;
}

正しい方法は次のとおりです。

location / {
    rewrite (.*) base.html last;
}

を使用lastするとlocation、書き換えの結果に応じて、nginxが新しい適切なブロックを見つけます。

try_files この問題に対する完全に有効なアプローチでもあります。