为React App创建路由器

时间:2018-07-08 06:29:56

标签: javascript node.js reactjs redux

我已经创建了一个React应用,并且正在webpack开发服务器中工作。 同样,在index.js中使用react-router-redux,react-router

进行导航
render(
<Provider store={store}>
<ConnectedRouter history={history}>
  <div>
    <Route exact path="/" component={Page} />
    <Route path="/about" component={About} />        
  </div>
</ConnectedRouter>
</Provider>,
document.getElementById('app')
)

这在我打电话时有效

this.props.dispatch(push('/about'))

当我通过webpack-dev-server以上面的index.js作为条目运行代码时。

但是,当我刷新主机/关于页面时,出现错误

Cannot GET /about

我尚未编写在该应用程序的端口80上运行的服务器。我该怎么做并连接上面的index.js?如何在服务器中实现路由器?

0 个答案:

没有答案