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);