Reactjs React路由器错误-无法获取[页面名称]

当我深入研究React时，我发现需要路由器。我一直在关注韦斯·博斯的视频系列，但当我尝试访问根以外的任何路径时遇到了障碍

import ReactRouter from 'react-router';
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var Link = require('react-router').Link;
var createBrowserHistory = require('history/lib/createBrowserHistory');

然后是我的路由器

var routes = (
  <Router history={createBrowserHistory()}>
    <Route path="/" component={LoginPage} />
    <Route path="/dashboard" component={Dashboard} />
    <Route path="/search" component={SearchPage} />
    <Route path="/details" component={DetailsPage} />
    <Route path="*" component={LoginPage} />
  </Router>
);
ReactDOM.render(routes, document.getElementById('content'));

---

有什么建议吗？

使用浏览器历史记录时，您需要正确配置服务器：

---

如果您使用的是webpack dev服务器，请启用

historyApiFallback

将其添加到webpack.config.js

  devServer: {
      historyApiFallback: true
  }

---

您的后端服务器是如何设置的？对于浏览器历史记录，您还必须更改后端路由。“如果您使用的是webpack dev服务器，请启用historyApiFallback。”这为我解决了这个问题。这就是答案@你应该接受它来帮助人们快速找到解决方案。对我来说，它不起作用。现在我得到了错误：

无法获取/

谢谢你的回答！这对我很有帮助。@AbhaySood在网站（）中找到了这个问题：

historyApiFallback:false，//如果您想从任意url访问开发服务器，请将其设置为true。//如果您使用的是html5路由器，这将非常方便。

  devServer: {
      historyApiFallback: true
  }