React项目中BrowserRouter和HashRouter

BrowserRouter 和 HashRouter 都可以实现前端路由的功能。

主要区别

BrowserRouter

基于url的pathname：http://127.0.0.1:3000/article/detail

HashRouter

基于hash：http://127.0.0.1:3000/#/article/detail

这样的区别带来的直接问题就是当处于二级或多级路由状态时，刷新页面前者会将当前路由发送到服务器（因为是pathname），而后者则不会（因为是hash）。