React部署到 Tomcat上 使用 BrowserRouter不能刷新404的问题

最近在做一个Java Web项目，用react部署前端到tomcat上时，页面不能刷新，出现404的情况。排查到最后是路由的问题

先说BrowserRouter和HashRouter区别：

BrowserRouter：

　　原理是H5的history API，IE9及以下不兼容，需要由web server支持，在web client这边window.location.pathname被react router解析，example.com/react/route 一般项目实际用的比较多，browserHistory 是使用 React-Router 的应用推荐的 history方案

HashRouter：

　　原理是URL的hash，hash 地址就是指 # 号后面的 url，不需要由web server支持，因为它的只有‘/’path需要由web server支持，而#/react/route URL不能被web server读取，意味着不能使用this.props.location.state.index，在web client这边window,location.hash被react router解析，example.com/#/react/route，一般实际项目中使用的较少

区别转自（有部分修改）：https://blog.csdn.net/weixin_30414245/article/details/94843416

 

分析出现404的原因：

react使用单页面应用时，只