反应路由器页面无法刷新

Question

我想尝试嵌套路由，但无法正常工作

Codesandbox链接

场景：当我第一次在/ category / bags上路由时，它正确呈现，但是当我在此页面上刷新时，它给了我错误页面未找到

我尝试使用this.props.match.url和this.props.match.path，但是在这里出现错误，例如没有prop match.url

我尝试了以下链接

https://reacttraining.com/react-router/web/guides/quick-start

如何将Match对象包含到ReactJs组件类中？

使用React Router V4的嵌套路由

Answer 1

我看过您的代码，发现您在父级路由中使用的是完全相同的代码：

<Route exact path="/category" component={Category} />

如果您从父路由中删除了确切的路由，则可以正常运行：

<Route path="/category" component={Category} />

Answer 2

尝试使用ConnectedRouter from 'react-router-redux'的BrowserRouter from 'react-router-dom'而不是BrowserRouter from 'react-router-dom'的BrowserRouter from 'react-router-dom'

我希望这篇文章可以对您有所帮助：

https://medium.com/@Dragonza/react-router-problem-with-gh-pages-c93a5e243819