React app returned 500 Internal Server Error

Question

私はreact-appを使って作成しました。

npm run buildを実行してアプリケーションを静的サイトとして展開すると、インデックス以外のルートでページを更新する場合を除いてすべて機能しますが、500 internal server errorで失敗します。

以下は私のルータのコードです。反応ルータの使用。

<Router history={browserHistory}> 
    <Route path="/"> 
     <IndexRoute component={Login}/> 
     <Route path="/dashboard" component={Dashboard}></Route> 
     <Route path="/profile" component={Profile}/> 
</Router> 

助けてください。

Answer 1

エラーログのスクリーンショットやコピー貼り付けを共有できますか？明らかに、サーバー側のエラーは 500です。サーバー上のルートがURLパターンと一致していない可能性があります。 または一部の高速サーバルート機能が例外を送出しました。

クライアントとサーバーからいくつかのログを提供してください。

UPD： 「静的サイト」のことを説明しました。それがどういう意味なのか分かりませんでした。私にとっては、サーバーはまったくありません。

まだあなたのサーバーにルートが設定されていないことは間違いありません。

サーバは「/"(index.html」）が​​何であるかを知っています。 しかし、 "/ potatoes"のように構成されたルートはありません。同じ "index.htmlに" にユーザーを導く

app.get('*', function(req, res){ 
    res.sendFile(__dirname + '/index.html'); 
}); 

• 意味
  は、ALLは、サーバー（アプリケーション）への要求をGET：

  特急サーバーでは、あなたのような何かをするだろう。

Answer 2

あなたのサーバーのルートは、反応ルータで定義されたルートと一致する必要があります。一致しない場合、500エラーが表示されます。