Reactjs 浏览器历史记录和错误地址

我有一条路线：

<Router history={browserHistory}> 
        <Route path='/' component={Main} >
            <Route path='/genres' component={Genres} />
            <Route path='/genres/:id' component={GridMovies} /> 
    </Route>
</Router>

这工作很好。如果我再次单击，我会得到以下结果：

http://localhost:8080/genres/genres/28

点击几下，我就能得到这个：

http://localhost:8080/genres/genres/genres/genres/genres/genres/genres/genres/genres/genres/genres/genres/18

我的服务器配置：

webpack-dev-server --content-base public/ --history-api-fallback

---

哈希历史不起作用。我做错了什么？

您的

链接设置不正确。应该是：

<Link to={"/genres/" + key['id']} className='genre'>{key['name']}</Link>

{key['name']}

因为您希望它相对于根，而不是当前路径。
您的
链接设置不正确。应该是：

<Link to={"/genres/" + key['id']} className='genre'>{key['name']}</Link>

{key['name']}

因为您希望它相对于根，而不是当前路径

webpack-dev-server --content-base public/ --history-api-fallback

<Link to={"/genres/" + key['id']} className='genre'>{key['name']}</Link>