React学习--模糊/严格匹配及重定向

一.多级路径刷新页面样式丢失的问题

多级路径下刷新页面样式丢失的主要原因在于：index.html文件中使用的样式文件链接为相对路径，而非绝对路径

解决方法：

• public/index.html中，引入样式时不写./写/(常用)
• public/index.html中，引入样式时不写./写%PUBLIC_URL%(常用)，但只限在react中使用
• 使用HashRouter，因为url中#号后面的hash值是不发送给服务器的(不推荐)

二.路由的模糊匹配和严格匹配

• 默认使用的是模糊匹配，简单记：给的比要的多，并且顺序要一致
  

该情况下，组件仍可以正常展示，即模糊匹配

• 使用exact开启严格匹配：
• 严格匹配不要随便开启，需要再开，有些时候开启会导致无法继续匹配二级路由

三.Redirect的使用

1. 一般写在所有路由注册的最下方，当所有路由都无法匹配时，跳转到Redirect指定的路由
2. 具体编码：

<Switch>
	<Route path="/about" component={
     About}/>
	<Route path="/home" component={
     Home}/>
	<Redirect to="/about"/>
</Switch>