☰

Reactルート用のnginxの設定

tag-icon • tag-icon ubuntu nginx
Reactルート用のnginxの設定

私の React プロジェクトでページを更新するときに問題が発生します。ローカルホストでは正常に動作するため、Nginx を設定しようとしています。

私は Nginx の初心者で、2 時間以上試しましたが成功しませんでした。

コンテクスト：

  1. React ルートを使用して React に 2 つのプロジェクトがあり、両方を設定する必要がありますが、まず 1 つを設定しようとしています。

  2. 私の最初のプロジェクトは で/var/www/html/app、2番目のプロジェクトは/var/www/html/dashboardで、どちらも でうまく機能していますhttp://MY_IP/app。http://MY_IP/dashboard

  3. ファイルを開きました/etc/nginx/sites-enabled/default（多くのコメントを削除しました）:

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /var/www/html;
    index index.html index.htm index.nginx-debian-html;
    server_name _;
    location / {
        try_files $uri $uri/ =404;
    }
}

そして私だけが変わりました:

  • try_files $uri $uri/ =404; -> try_files $uri $uri/ index.html;
  • root /var/www/html; -> root /var/www/html/app;

コンソールでの表示:sudo systemctl restart nginx

問題：

変更を加えたところ、何も起こらず、ページがhttp://MY_IP/app空白になります。

さまざまな方法を試しましたが、更新をhttp://MY_IP/app/sale続行するとエラーが発生し、ルートが機能しません。

何が間違っているのでしょうか?、それは変更する正しいファイルですか?、どんな提案でも素晴らしいと思います。

注記：

  • 私のnginxはEC2(aws)にあります

ありがとう。

関連情報