デジタル海洋で反応型アプリケーションを作成するにはどうすればいいですか？

Question

誰でも説明してください。

私はthis.Iに苦しんだが、このブログ投稿https://www.davidmeents.com/blog/how-to-simply-deploy-a-react-app-on-digital-ocean/ を追ったが、私はnginxののデフォルトページを得たか、今いくつかは、設定​​をいじりの後、私は404見つからないエラーを取得していますすべて。

nginxの内部に2つのフィルタがあります。1）sites-availble 2）sites-enabled ここでどちらが適切かわかりません。 -

私の設定は次のように

server { 
    listen 80; 
    server_name 139.59.25.228; 
    root /www/mywebsite/app/build; 
    rewrite ^/(.*)/$ $1 permanent; 
    location/{ 
     try_files $uri index.html; 
    } 
} 

感謝です:)

Answer 1

それはとても複雑ではありません、あなただけする必要があります。

1 /あなたは多分、いつものようにnpm startをアプリケーションに反応開始、 （または任意の数値）

2/Config nginxを指すポート80は、localhost:3000（またはあなたのEDポート）：

server { 
    listen 80 default_server; 
    server_name YOURDOMAIN.HERE; 
    location/{ 
     #auth_basic "Restricted Content"; 
     #auth_basic_user_file /home/your/basic/auth/passwd_file; 
     proxy_pass http://localhost:3000; #or any port number here 
     proxy_http_version 1.1; 
     proxy_set_header Upgrade $http_upgrade; 
     proxy_set_header Connection 'upgrade'; 
     proxy_set_header Host $host; 
     proxy_cache_bypass $http_upgrade; 
    } 
} 

しかし、npm startを維持するために - 常に生きているポート3000のサーバを使用してローカルホストを、私はあなたがpm2を使用することをお勧め：

sudo npm install pm2 -g 

次に、ディレクトリ変更（cd）へあなたのreactjsアプリフォルダ：（私はあなたがアプリを起動するためのreactjs npm startを使用すると仮定）

pm2 start npm -- start 

（もしあればアプリを起動するにはnpm run:startの種類を使用してください。pm2 start npm -- run:start）

その後、このコマンドはpm2！と記憶されます。

便利なPM2コマンド：

pm2 list all 
pm2 stop all 
pm2 start all 
pm2 delete 0 

（使用がID 0とpm2 listから最初のコマンドを削除するには、0を削除）