直接在URL中输入动态路由时，React Router不呈现组件

Question

我的React应用正在将客户端路由与react-router一起使用，并将代理服务器设置为我的NodeJS服务器。

浏览页面不会造成任何问题。

但是，如果我手动在路径中输入URL，然后使用浏览器的后退/前进按钮导航到任何其他动态路由，则与其呈现该组件，它不显示组件，而是显示从ExpressJS REST API中获得的JSON

Here's a demonstration of my problem

这是我的反应路线：

<Switch>
  <Route exact path="/" component={Home} />
  <Route exact path="/login" component={UserMain} />
  <Route exact path="/search/:query" component={Search} />
  <Route exact path="/search" component={Search} />
  <Route exact path="/:username/:item" component={SingleItemPage} />
  <Route exact path="/:username" component={Profile} />
  <Route path="*" component={Home} />
</Switch>