首页 文章

使用热重新加载React redux路由不适用于刷新

提问于
浏览 次
1

我定义了以下路线

<Route path='/' component={App}>
        <IndexRoute component={LoginContainer} />
        <Route path='landing' component={LandingComponent} />
        <Route path='login' component={LoginContainer} />
    </Route>

现在，当用户单击loginContainer上的登录按钮时，他将被定向到登录页面（从路线/登陆） . 所以现在网址改为http://server:port/landing

现在，如果我修改文件并使用热模块重新加载（web pack dev服务器）保存，我会收到错误消息，说无法获取http://server:port/landing . 这是真的，因为没有这样的页面，我该如何解决这个问题 .

我正在使用react-router，react-router-redux和webpack dev服务器 .

reactjs routing redux webpack-dev-server

1 回答

  • 0

    您需要在webpack dev服务器配置中启用historyApiFallback .

    这将重定向到404上的索引页面，从而允许路由器启动以查找您的子路由 .

    有关为什么这是必要的更多信息，或其他更深入的信息，请参阅this answer .

    回复于

相关问题