2016-09-29 19 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> 
    ) 
    } 
}) 

網址

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

相關問題