React 路由 中 BrowserHistory 刷新报404

安装

react-router-dom 的安装 

npm install react-router-dom

常用的 history 有三种形式， 但是你也可以使用 React Router 实现自定义的 history。

• browserHistory
• hashHistory
• createMemoryHistory

在项目中最初开发阶段，使用的是hashHistory, 遇到的问题就是链接地址会有 #/

问题 

so 不得不使用BrowserHistory 这时候在开发环境中没有任何问题，刷新也不会报404

我的项目地址 http://react.cyclv.com/（个人项目）

但是项目打包之后，在服务器上跑的时候，在二级页面刷新时候会报404

推荐大家看一个介绍 http://react-guide.github.io/react-router-cn/docs/guides/basics/Histories.html

结论+解决方法：需要配置服务器信息，我的操作是把服务器端404转到自己的首页（index.html）

操作：更改404报错跳转页面的地址（这个是后端配置）

ErrorDocument 401 /error_pages/401.html
ErrorDocument 403 /error_pages/403.html
ErrorDocument 404 /index.html
ErrorDocument 500 /error_pages/500.html

这个时候页面刷新 依然会保存在当前页

分析原因：

1.在浏览输入链接到页面展示，期间做了什么

推荐大家百度，理解一下 本人推荐地址：https://www.jianshu.com/p/23b388f8e5aa

2.react项目目录

react，是单文件项目（本人自己项目打包之后）

也就是说当页面在http://react.cyclv.com/customerService

进行刷新时，是向服务请求customerService这个文件，因为就没有所有404