我有一个使用create-react-app样板创建的应用程序。我也使用react路由器,我尝试使用browserHistory来获得干净的链接(没有#)。我遵循此lesson但我未能将--history-api-fallback
添加到webpack dev服务器。我根本不熟悉devpack,所以我不知道我应该把这行放在哪里,所以当我重新加载页面时,我不会得到404(只有在将构建部署到服务器时才会发生)。
我已经使用npm进行了eject
。
import {Router, Route, IndexRoute, IndexRedirect, browserHistory} from 'react-router';
ReactDOM.render(
<Router history={browserHistory}>
...
</Router>
, document.getElementById('root')
);
编辑
当我在本地运行应用程序或使用pushstate-server build
尝试(按照建议)时,重新加载无需配置的工作。当我将构建推送到openshift.com上的免费虚拟主机时它才起作用(它正在使用browserHash思想)