浅谈react-router HashRouter和BrowserRouter的使用

官网推荐的是browserRouter，但是此方式需要服务器配合，而且有点不好的是重定向只能到首页，无法停留在当前页，具体用法很简单，举例说明。

HashRouter

rush:js;"> //react-router要求只只有一个字节点 //router内部的Link和Route会一一匹配，匹配到则加载对应的组件 //to 和 Route 的path是一样的（除了/结尾） //比如点击关于我们to="/aboutUs"对应path="/aboutUs/"，这样它就去加载AboutUs这个组件，其他组件没加载 //相比用state和回调实现，这种方式更为简单明了，而且浏览前进后退功能都支持

首页
• display">分类展示

browserRouter

前端

同上方代码，只是把HashRouter换成了browserRouter组件。

服务器

以apache为例，.htaccess添加重写规则。（需先开启可重写设置）

rush:js;"> #配和react-router,自行忽略写的比较low的正则 RewriteEngine on RewriteRule classifieddisplay$ http://www.yangqingcheng.xin/ RewriteRule boutiqueCase$ http://www.yangqingcheng.xin/ RewriteRule aboutUs$ http://www.yangqingcheng.xin/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。