【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. 前端技术文章汇总
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容