反应路由器4链接不更新url栏

Question

按照此处提供的示例https://reacttraining.com/react-router/examples/url-params。

我构建了我自己的路线，我的网站，像这样：

<Router> 
    <div> 
    <Route path='/' exact component={Layout} /> 
    <PublicRoute authed={this.state.authed} exact path='/login' component={Login} /> 
    <PublicRoute authed={this.state.authed} exact path='/register' component={Register} /> 
    <PrivateRoute authed={this.state.authed} path='/dashboard' component={Dashboard} /> 
    <Route path='/cachaca/:bottle' component={Layout} /> 

    <Route render={() => <h3>No Match</h3>} /> 
    </div> 
</Router> 

这是非常相似，只是一个事实，即导航（或连结）是其他地方的页面给出的例子。

该路线本身运作完美。我可以得到比赛信息，我可以成功检查用户是否登录等等。

我唯一的问题是URL栏没有改变，以反映导航的变化，所以如果我坐在localhost：3000/cachaca/1234并点击回家，主页将加载，但网址栏仍然会显示'localhost：3000/cachaca/1234'。

我已经看到了类似的帖子，从我的反应路由器2/3似乎表明，历史道具是什么导致这个问题 - 但我不相信这是在路由器的情况下4

除此之外，反应培训网站中的示例和我的（似乎遵循相同的步骤）不一样。

我失去了一些东西在这里？为什么我没有得到与培训网站相同的结果？

这里是我使用的导航链接：

<Link to={"/"}>Home</Link> 

得到任何帮助， 谢谢！

Answer 1

哇，这是愚蠢的 - 但我浪费了我整整一天在这所以会在拯救别人一些时间，希望发布此：

原来这是行不通的，因为我在做我的测试webpack-dev-server /文件夹和react-router 4似乎有问题。

一旦我从http://localhost:3000/webpack-dev-server/cachaca/asdf去http://localhost:3000/cachaca/asdf该网站开始行为，因为它应该 - 内容和它的位置在网址列。

快乐编码给大家！