【React】 React SPA项目的地址
2016-09-23 本文已影响51人
izhongxia
时间：2016-08-23 10:55:11
作者：zhongxia
地址：
说明
在SPA中，每个模块的地址，最原始的做法就是使用 hash 形式的地址( 加上一个 # 的地址，浏览器就不会因为 #home 这个变化而去 跳转页面。 因为浏览器会认为跳转到内部某个锚点。 )
www.xxx.com/#home
www.xxx.com/#home/index
但是呢， 这样看起来不是很好， 我们还是需要看到 www.xxx.com/home 这样的地址，比较常规。
React 中有一个 history 可以和 react-router 合在一起用，然后就可以消除掉 #
import { Router, Route } from 'react-router'
import { createHistory } from 'history'
...
render( <Router history={createHistory()} routes={rootRoute}/>, document.getElementById('root'));
Paste_Image.png
