使用browserHistory创建反应应用程序清理URL

时间:2017-02-19 15:46:22

标签: reactjs webpack react-router create-react-app

我有一个使用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思想)

0 个答案:

没有答案