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

Question

当我深入研究 React 时，我发现需要路由器。我正在关注 Wes Bos 的视频系列，但当我尝试访问根目录以外的任何路径时遇到了障碍。

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'));

但是，如果我转到 localhost:3000/dashboard，则会出现错误:

Cannot GET /dashboard

有什么建议吗？

Answer 1

将其添加到 webpack.config.js

  devServer: {
      historyApiFallback: true
  }