問題タブ [react-router]

React-router を使用しており、リンク ボタンをクリックしている間は正常に動作しますが、Web ページを更新すると、必要なものが読み込まれません。

たとえばlocalhost/joblist、リンクを押してここに到着したので、すべて問題ありません。しかし、ウェブページを更新すると、次のようになります。

デフォルトでは、このようには機能しませんでした。当初、私は自分の URL をlocalhost/#/andとして持っていましたが、localhost/#/joblistそれらは完全に正常に機能しました。しかし、私はこの種の URL が好きではないので、それを消去しようとして、次のよう#に書きました。

この問題は では発生しませんlocalhost/。これは常に必要なものを返します。

編集:このアプリは単一ページなので/joblist、サーバーに何も要求する必要はありません。

EDIT2：ルーター全体。

ブラウザで F5 を押すと問題が発生します。

私はreact-routerで定義されたルートを持っています:

<Route name="realestatesPrefiltered" path="realestatesPrefiltered/:search/:type" handler={RealEstatesPage}/>

そしてnode.jsでルーティングします

app.use(route.get("/realestatesPrefiltered/:search/:type", getLayout));

しかし、F5 を押すと空白のページが表示されるのはなぜですか?

パラメータのない別のルートがあります。

<Route name="realestates" handler={RealEstatesPage}/>

app.use(route.get("/realestates", getLayout)); すべてが正常に機能しています。

私は自分のアプリケーションでReactJSandを使用react-routerしています。次のことを行う必要があります。ユーザーがページを開いたときに、ログインしているかどうかを確認し、ログインしている場合はページにリダイレクトし/authます。私は次のことをしています：

ブラウザの URL では、実際に にリダイレクトし/auth、ページをレンダリングしてから、/auth現在のコンポーネントでオーバーライドします。ここで質問: 現在のコンポーネントのレンダリングをキャンセルする方法、または他の方法でリダイレクトを行う方法は? ありがとう。

共有 (「同形」) コードベースを使用して、クライアントとサーバーの両方でレンダリングする React アプリ (Express サーバー) を作成しています。場合によっては、サーバーがレンダラーの場合、リクエスト オブジェクトにアクセスしたいことがあります。ノードは一度に 1 つのリクエストに応答するため、変数のキャッシュを利用して、応答を送信する前に変数をリセットするのは安全ではないでしょうか?

これは機能しますが、なぜそれが良いアイデアなのか悪いアイデアなのか誰か教えてもらえますか?...

サーバー.js

request-store.js

resolve.js

私は React-router で味付けされた React.js アプリを持っています。現在のルート処理について疑問があります。

デザインは次のようになります。一般的なモバイル レイアウト、固定のヘッダーとフッター、コンテンツが中央に配置されています。

それらが静的な場合、そのような構造を簡単に作成できます。

ただし、ページごとに変更される場合もあります。たとえば、次のようになります。

• タイトルとボタンのテキスト
• ボタン数
• 一部のページでフッターが表示されない

それらをView Controller内に配置し、毎回再レンダリングする方が良いRouteHandlerですか?