React路由器无法与webpack服务器和redux一起工作

Question

我已经创建了以下组件

const RouterComponent = () => (
<Provider store={store}>
<Router>
<Switch>
<Route path="/" component={Body} />
<Route exact path="success" component={SuccessPageComponent} />
</Switch>
</Router>

)；导出默认RouterComponent；

我在我的index.js上呈现这个组件，所以默认页面正在加载，但如果我使用带有url的"/success"并点击页面，它不会重定向到给定的SuccessPageComponent。。。我使用的公共路径为(const publicPath=path.join('/'，'<service_name>'，'/'(；(在我的webpack.config文件中，这会产生问题吗？

Answer 1

当你只使用Body组件的路径时，它会在你走的每一条路线中呈现，因为Backslash现在会在每条路线中，对于SuccessPageComponent，我在任何路线尝试之前放了Backslash，也许是

<Switch>
<Route exact path="/" component={Body} />
<Route path="/success" component={SuccessPageComponent} />
</Switch>

一开始我经常使用它，但如果你需要添加Backslash，或者你去404页面的位置，你可以通过这样做来创建：

<Route component={NoFound} />

像这样你可以创建404页面react路由器doom文档