2016-09-29 5 views
0

index.js(前回)私はhashHistoryプラグインを使用していない理由は、URLはハッシュが

import React from 'react' 
import { render } from 'react-dom' 
import { Router, Route } from 'react-router' 
import App from './modules/App' 

render((
    <Router history={hashHistory}> 
    <Route path="/" component={App}/> 
    <Route path="/repos" component={Repos}/> 
    <Route path="/about" component={About}/> 
    </Router> 
), document.getElementById('app')) 

App.js

import React from 'react' 

export default React.createClass({ 
    render() { 
    return (
     <div> 
      <h1>React Router Tutorial</h1> 
     </div> 
    ) 
    } 
}) 

URL

サフィックスがあります
http://localhost:8080/#/?_k=8cu99t 

history={hashHistory}を削除すると、urlの後にハッシュサフィックスが付きます。 なぜ、hashHistoryに関するコードが削除されたのかわかりません。

答えて

0

あなたはbrowserHistoryとハッシュベースのルーティング変更hashHistoryを持ってしたくない場合は、あなたのindex.jsは次のようになります。

import React from 'react' 
import { render } from 'react-dom' 
import { Router, Route, browserHistory } from 'react-router' 
import App from './modules/App' 

render((
    <Router history={browserHistory}> 
    <Route path="/" component={App}/> 
    <Route path="/repos" component={Repos}/> 
    <Route path="/about" component={About}/> 
    </Router> 
), document.getElementById('app')) 

あなたが持っているしたい場合は、設定する必要がありますbrowserHistoryことに注意してくださいサーバー側でサーバー側のルートを処理するために、詳細情報が見つかりましたhere

関連する問題