Question

当我正在深入研究React时，我发现需要路由器。我跟随Wes Bos＆＃39;视频系列，但当我尝试访问除我的根以外的任何路线时，我遇到了麻烦。

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

text/xml

Answer 2

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

如果您正在使用webpack dev服务器，请启用historyApiFallback。

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

2 个答案: