BrowserRouter和HashRouter

react-router之BrowserRouter和HashRouter

本文内容整理参考借鉴以下文章：
https://www.jianshu.com/p/6583b7258e78
https://reacttraining.com/react-router/web/api/BrowserRouter

在此以表感谢！

一、BrowserRouter

BrowserRouter主要使用在浏览器中，也就是WEB应用中。它利用HTML5 的history
API来同步URL和UI的变化。当我们点击了程序中的一个链接之后,BrowserRouter就会找出与这个URL匹配的Route，并将他们对应的组件渲染出来。
BrowserRouter是用来管理我们的组件的，那么它当然要被放在最顶级的位置，而我们的应用程序的组件就作为它的一个子组件而存在。

属性：
1- basename：字符串类型，路由器的默认根路径

当前位置的基准 URL。如果你的页面部署在服务器的二级（子）目录，你需要将 basename 设置到此子目录。正确的 URL格式是前面有一个前导斜杠，但不能有尾部斜杠（例如：localhost:3001/home/page）。

<BrowserRouter basename="/calendar" />
<Link to="/today"/