十二、【React-Router5】BrowserRouter 和 HashRouter

最新推荐文章于 2023-08-30 21:42:35 发布

纯纯的小白

最新推荐文章于 2023-08-30 21:42:35 发布

阅读量214

点赞数

分类专栏： React 文章标签： react.js 前端前端框架 react-router5

本文链接：https://blog.csdn.net/qq_30769437/article/details/128101330

版权

React 专栏收录该内容

56 篇文章 2 订阅

订阅专栏

                    
                    底层原理不一样 
  BrowserRouter 使用的是 H5 的 history API，不兼容 IE9 及以下版本
HashRouter 使用的是 URL 的哈希值
 
path 表现形式不一样 
  BrowserRouter 的路径中没有 #，例如：localhost:3000/demo/test
HashRouter 的路径包含 #，例如：localhost:3000/#/demo/test
 
刷新后对路由 state 参数的影响 
  BrowserRouter 没有任何影响，因为 state 保存在 history 对象中
HashRouter 刷新后会导致路由 state 参数的丢失！！！
 
备注：HashRouter 可以用于解决一些路径错误相关的问题