【React】 React SPA项目的地址

时间：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

您可能还感兴趣？

1. 前端技术文章汇总