私はhashHistoryとbrowserHistoryについて調査し、 'ハッシュ履歴はサーバーサイドの設定を必要としませんでした。私はこの点について理解していませんでした、教えてください。リアクタのルータのハッシュ履歴
0
A
答えて
2
セットアップ反応-ルータ「をハッシュ歴史」を使用する...
<Router history={hashHistory}>
...それはあなたのURLの末尾にこれらの奇妙な#文字列(ハッシュ文字列)を追加します。ルータは、文字列に含まれる情報を使用して、要求された特定のページの正しいコンポーネントを表示します。
URLの最後にハッシュ文字列が表示されないようにするには、react-routerを設定してexample.com/some/path
のような実際のURLを作成します。内部的に反応するルータは、そのルートの正しいコンポーネントがレンダリングされることを確認します。
問題は1つだけです。今すぐ誰かがexample.com/some/path
にアクセスした場合、あなたのサーバはあなたの反応ルータにリクエストを渡すのではなく、あなたのウェブサイトのディレクトリでそのページを見つけようとします。サーバーはURLの処理方法を知らない。
URLを入力しなくても常にアプリを配信するようにサーバーを設定する必要があります。ブラウザのアプリケーションは、URLを操作して正しいページを返します。あなたがより良い探してURLをブラウザの履歴の違いに
ため<Router history={browserHistory}>
(見栄えの良いURLの)とハッシュ履歴(#記号を使用したいときにも、サーバー上のいくつかの設定が必要になります理由です
あなたはあなたが使っているサーバを書いていません。いくつかのサーバー設定例があります(nginx、apache)in the documentation.
関連する問題
- 1. 反応ルータのブラウザ履歴
- 2. リアクタのルータ設定
- 3. リポジトリ間の履歴履歴
- 4. リアクタのルータ履歴は文字列ですか?私が始めるためにしようとしている
- 5. リアクタ・ルータ - アヤックス・ディープリンクアップ
- 6. リアクタ・ルータonChangeフック
- 7. リアクタ・ルータOnChangeリダイレクト
- 8. リアクタ・ルータ・パラメータ
- 9. リアクタ・ルータv4 - ログイン・ルータのホーム・ページ
- 10. アンドロイドのクロムの履歴履歴
- 11. リアクタ - ルータ - Reduxとリアクトブートストラップ
- 12. リアクタ・ルータ3ブレッドクラム・ドロップダウン
- 13. リアクタ・ルータDOMの入力エラー
- 14. GWT履歴:履歴トークン
- 15. uiのルータとブラウザの履歴の問題
- 16. ルータの履歴をonClickのコンポーネントに渡す
- 17. パラメータを保持しているUIルータの履歴
- 18. ブラウザのキャッシュと履歴の戻るボタン(ハッシュ、history.js)
- 19. IEの履歴
- 20. デッドロックの履歴
- 21. データベースの履歴
- 22. トリガーベースの履歴
- 23. ドッカーコンテナの履歴
- 24. リアクタ・ルータ - デフォルト・ルートなし
- 25. ユニット・テスト・ルートとリアクタ・ルータ2
- 26. リアクタ・ルータ4非同期レンダリング
- 27. ネストされたナビゲーションのリアクタ・ルータのベストプラクティス?
- 28. 流星の使用鉄道のルータとのリアクタのルータ
- 29. スカッシュgitの履歴
- 30. リモート履歴のログ