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

当我正在深入研究React时,我发现需要路由器.我跟随Wes Bos的视频系列,但是当我尝试访问除了root之外的任何路径时,我遇到了麻烦.

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 = (
  
    
    
    
    
    
  
);
ReactDOM.render(routes, document.getElementById('content'));

但是,如果我转到localhost:3000 /仪表板,我会收到错误消息:

Cannot GET /dashboard

有什么建议？

将其添加到webpack.config.js

  devServer: {
      historyApiFallback: true
  }

使用浏览器历史记录时,需要适当配置服务器:https://github.com/rackt/react-router/blob/v1.0.3/docs/guides/basics/Histories.md#configuring-your-server.

如果您正在使用webpack dev服务器,请启用historyApiFallback.