browserHistory:React路由器找不到路径

时间:2016-11-21 19:44:18

标签: reactjs react-router browser-history

我尝试使用browserHistory并在路径中添加参数,但是当我在路径中添加参数时,我无法找到该页面,因为浏览器所在的路径不正确,因为它&#39添加' AddAmendLeague'在网址前面。

http://localhost:8080/Home)路径应该是什么:

enter image description here

http://localhost:8080/AddAmendLeague/1)现在浏览器无法找到我的client.js:

enter image description here

write()

的index.html

ReactDOM.render(<Router history={browserHistory }>
                <Route path='*' component={Layout}>
                    <IndexRoute         component={Home}/>
                    <Route path="LeagueList" component={LeagueList}/> 
                    <Route path="/AddAmendLeague/:LeagueID" component={AddAmendLeague}/>
                </Route>

            </Router>, app);

关于我做错的任何想法?对不起,如果这是一个愚蠢的错误。

不太确定你是否需要我的package.JSON

的package.json

<script src="client.min.js"></script>

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解你的问题。但也许您应该使用hashhistory而不是browserhistory来进行路由https://github.com/ReactTraining/react-router/blob/master/docs/guides/Histories.md#hashhistory

然后你可以使用带有hash#tag(http://localhost:8080/#/AddAmendLeague/1

的url

如果你想在浏览器历史记录中找到漂亮的网址,你还应该配置你的服务器来处理这个网址https://github.com/ReactTraining/react-router/blob/master/docs/guides/Histories.md#configuring-your-server