nginx proxy_pass 設定を変更した後、React アプリが読み込まれません

Question

私は React アプリ Node JS バックエンドと nginx を持っています。証明書を取得し、Certbot 経由でインストールしました。

私のアプリケーションは get リクエストと post リクエストを行いますが、そのためには proxy_pass 設定を設定する必要があります。

私のサーバー ブロック ファイル:

リーリー

proxy_pass 設定を追加する必要がありますか?

リーリー

これを 433 サーバーの場所に置くと、try_files $uri $uri/ =404; React アプリが読み込まれず、Cannot GET in the browser /# というメッセージが表示されます。 ＃＃ 間違い。

Answer 1

「location/」サーバー ブロックで React ファイルを提供するように nginx 構成ファイルをセットアップしました。

したがって、「location/」ブロックに proxy_pass 設定を追加しようとすると、反応ファイルを提供するコードがオーバーライドされます。 Nginx は、localhost:3000 で実行されているバックエンド サーバーにリクエストをプロキシします。

この問題を解決するにはどうすればよいですか?

このリクエストに対してバックエンド サーバーにファイルを提供するか、新しいロケーション ブロックを追加する必要があります。

これは新しいロケーション ブロックを追加する例です

リーリー