1.browserHistory和hashHistory的差别
hashHistory
使用如 https://cdn.com/#/users/123
这样的 URL,取井号后面的字符作为路径。browserHistory
则直接使用 https://cdn.com/users/123
这样的 URL。使用 hashHistory
时浏览器访问到的始终都是根目录下 index.html
。使用 browserHistory
则需要服务器做好处理 URL 的准备,处理应用启动最初的 /
这样的请求应该没问题,但当用户来回跳转并在 /users/123
刷新时,服务器就会收到来自 /users/123
的请求,这时你需要配置服务器能处理这个 URL 返回正确的 index.html
。如果你能控制服务端,我们推荐使用 browserHistory
— From https://pro.ant.design/docs/deploy-cn
2.history
histoty 是 RR4 的两大重要依赖之一(另一个当然是 React 了),在不同的 javascript 环境中, history 以多种能够行驶实现了对会话(session)历史的管理。
我们会经常使用以下术语:
“browser history” – history 在 DOM 上的实现,用于支持 HTML5 history API 的浏览器
“hash history” – history 在 DOM 上的实现,用于旧版浏览器。
“memory history” – history 在内存上的实现,用于测试或非 DOM 环境(例如 React Native)。
history 对象通常具有以下属性和方法:
length: number 浏览历史堆栈中的条目数
action: string 路由跳转到当前页面执行的动作,分为 PUSH, REPLACE, POP
location: object 当前访问地址信息组成的对象,具有如下属性:
pathname: string URL路径
search: string URL中的查询字符串
hash: string URL的 hash 片段
state: string 例如执行 push(path, state) 操作时,location 的 state 将被提供到堆栈信息里,state 只有在 browser 和 memory history 有效。
push(path, [state]) 在历史堆栈信息里加入一个新条目。
replace(path, [state]) 在历史堆栈信息里替换掉当前的条目
go(n) 将 history 堆栈中的指针向前移动 n。
goBack() 等同于 go(-1)
goForward 等同于 go(1)
block(prompt) 阻止跳转
history 对象是可变的,因为建议从 的 prop 里来获取 location,而不是从 history.location 直接获取。