私が使用しているルータ

Question

を反応させるのに代わりhashHistoryのbrowserHistoryを使用した場合アプリケーションはレンダリングされませんが、私の現在のプロジェクトでルータに反応：

const store = Redux.createStore(bomlerApp); 
const App = React.createClass({ 
    render() { 
     return (
      React.createElement('div', null, 
       this.props.children 
      ) 
     ) 
    } 
}) 
var rootElement = 
    React.createElement(ReactRedux.Provider, {store: store}, 
     React.createElement(ReactRouter.Router, {history: ReactRouter.browserHistory}, 
      React.createElement(ReactRouter.Route, { path: '/', component: App }, 
       React.createElement(ReactRouter.IndexRoute, { component: Home }) 
      ) 
     ) 
    ) 
ReactDOM.render(rootElement, document.getElementById('react-app')); 

これは動作しません。アプリは全くレンダリングされず、エラーメッセージも表示されません。

代わりにReactRouter.hashHistoryを使用するとアプリが動作します。

私はここで何を理解していませんか？

Answer 1

• サーバー構成：ブラウザの履歴の設定は、ページをリロードせずに本当の 探してURLを生成することができます。しかし、深いネストされたURL上でユーザ がリフレッシュまたはブックマークをした場合はどうなりますか？これらのURLはブラウザで動的に生成される です。サーバー上の実際の パスに対応しておらず、いずれのURLも最初のリクエストで のサーバーに到達するため、ページが見つかりませんというエラーが返される可能性があります。

• ブラウザ履歴設定を実装するには、履歴ライブラリから createBrowserHistoryメソッドをインポートする必要があります。その後、 は、ルータコンポーネント

• の 履歴小道具として生成されたブラウザの履歴の設定を渡す***>ブラウザの履歴の設定で動作するように、あなたは

  設定を書き換えるようにする必要があり、それを呼び出すことができますユーザーが ブラウザ上/いくつかのパスにヒットしたときに、サーバー上の、そう、サーバは、ルータが 右のビューをレンダリングします反応するところからインデックスページを提供します。***