使用 react-router 2.0.0，您可以执行以下操作：

<Route path="*" component={NoMatch} status={404}/>

编辑：

你需要做的是在你的路由定义上创建一个自定义属性，就像你在上面看到的（状态）。

当您要在服务器端呈现组件时，请检查此属性并使用此属性的代码发送响应：

路由.js

import React from 'react';
import {IndexRoute, Route} from 'react-router';

import {
    App,
    Home,
    Post,
    NotFound,
} from 'containerComponents';

export default () => {
    return (
    <Route path="/" component={App}>

        <IndexRoute component={Home} />
        <Route path='post/' component={Post} />

        { /* Catch all route */ }
        <Route path="*" component={NotFound} status={404} />

    </Route>
  );
};

服务器.js：

import { match } from 'react-router';
import getRoutes from './routes';
....
app.use((req, res) => {
match({ history, routes: getRoutes(), location: req.originalUrl }, (error, 
        redirectLocation, renderProps) => {
        if (redirectLocation) {
          res.redirect(redirectLocation.pathname + redirectLocation.search);
        } else if (error) {
          console.error('ROUTER ERROR:', error);
          res.status(500);
        } else if (renderProps) {

            const is404 = renderProps.routes.find(r => r.status === 404) !== undefined;
        }
        if (is404) {
          res.status(404).send('Not found');
        } else {
            //Go on and render the freaking component...
        }
    });
});

抱歉……当然，我的解决方案本身并不能正常工作，而且我错过了您实际检查此属性并相应地呈现的正确代码段。

如您所见，我只是将“未找到”文本发送给客户端，但是，最好是从 renderProps（在本例中为 NoMatch）捕获要渲染的组件并进行渲染。

干杯

我做了一些挖掘，这就是我们在 v4 版本中做事的方式。

<Route
  render={({ staticContext }) => {
    if (staticContext) {
      staticContext.statusCode = 404
    }
    return <NotFound />
  }}
/>

如果您使用该组件在服务器上进行渲染，则该Route组件用于访问staticContext具有statusCode您可以设置的propStaticRouter的 。

服务器代码看起来像这样（带有一些 TypeScript 类型）

const currentLocation: Location = {
  pathname: req.pathname,
  search: req.search,
  hash: '',
  state: undefined
}

const staticRouterContext: StaticContext & StaticRouterContext = {}

ReactDOMServer.renderToString(
  <StaticRouter location={currentLocation} context={staticRouterContext}>
  ...
  </StaticRouter>
)

if (staticRouterContext.statusCode) {
  res.status(staticRouterContext.statusCode)
}

注意：我认为打字有点不稳定，因为StaticRouterContext没有statusCode来自StaticContext界面的props。可能是打字错误。不过这工作得很好。

Zen：静默网络的错误代码是什么？

这个问题我也很疑惑。奇怪的情况是，您没有更改 HTTP 错误代码。我们认为应该这样做，因为调用了一个随机 URL，但为什么呢？

在 SPA（单页应用程序）中，没有网络流量，只有窗格的切换。HTTP 错误代码位于提供新页面的标头中，而所有内容都位于<div>不重新加载新页面的命名中。一个人需要扔掉页面，传输并渲染一个新页面以获得 404 返回码，然后当用户离开时再次发送原始页面。

而且，它只是用户。404 错误代码或任何其他 HTTP 代码实际上是对浏览器或服务的提示。如果请求者是浏览器，则向人类提供比浏览器所能提供的更好的指示。如果请求者是爬虫，它可能会扫描 404 in <h1>。如果请求者将您的网站用作 API，为什么这是一件好事？

所以答案是我们习惯性地设置了 HTTP 状态码。别。

为此，您还需要在服务器上运行匹配，以查看路由是否匹配。当然，如果您打算这样做，您也可以进行成熟的服务器端渲染！请参阅服务器渲染指南。