時間:2016-08-23 10:55:11
作者:zhongxia
地址:
說明
在SPA中叉橱,每個模塊的地址载迄,最原始的做法就是使用 hash 形式的地址( 加上一個 # 的地址猾普,瀏覽器就不會因為 #home 這個變化而去 跳轉(zhuǎn)頁面。 因為瀏覽器會認為跳轉(zhuǎn)到內(nèi)部某個錨點倡勇。 )
www.xxx.com/#home
www.xxx.com/#home/index
但是呢如叼, 這樣看起來不是很好, 我們還是需要看到 www.xxx.com/home 這樣的地址沿量,比較常規(guī)粗恢。
React 中有一個 history 可以和 react-router 合在一起用,然后就可以消除掉 #
import { Router, Route } from 'react-router'
import { createHistory } from 'history'
...
render( <Router history={createHistory()} routes={rootRoute}/>, document.getElementById('root'));