react路由browserHistory浏览器刷新出现页面404解决方案

react路由browserHistory浏览器刷新出现页面404解决方案

这里使用了hashrouter路由参数解决数据丢失问题，这样参数保存在url里，刷新就不会报错了，直接贴代码

index.js

import { HashRouter as Route } from 'react-router-dom';

<Route  basename={'build'}>
	<Switch>
		<AuthConfig routers={routers} />
	</Switch>
</Route>

con.js

const query = {
	pathname: "/Details",
	name: item 
}
this.props.history.push(query);

details.js

这里就拿到数据了，并且放到服务器上后文件刷新数据也不会丢失了

console.log(this.props.location.name);

巴拉巴拉