发生这种情况是因为用户在index.html直接访问这些 URL 时没有得到引导您的应用程序的服务。

对于激增，您可以添加一个200.html文件，该文件包含与index.html您正在部署的内容相同的内容（或只是将其重命名为200.html） - 然后将在用户访问的任何与静态文件不对应的 URL 上提供给用户，允许您的应用程序开始运行。

编辑：看起来您正在使用create-react-app. 这在您在本地开发时有效，因为create-react-app的react-scripts包处理您index.html作为这些请求的后备。

的react-scripts用户指南对部分如何部署到GitHub的页数时处理这种和surge.sh（如上）。

在构建文件夹中用作 Web 服务器.htaccess的情况下更改文件apache对我有用：

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

此问题发生在所有单页应用程序（例如 react、angular）上。请按照以下步骤解决（仅 4 个浪涌）：

1. npm run build
2. cd build
3. cp index.html 200.html
4. surge

当在静态服务器上部署构建时，在我们的 React 应用程序中，如果我们使用了HTML5 pushState history API在底层使用的路由器（例如，带有 的 React 路由器browserHistory），静态文件服务器可能无法加载路由和适当的屏幕并显示404 - Not Found错误.

如create-react-app 部署文章中所述：

当 ex: 的路径有新的页面加载时/todos/42，服务器会查找该文件build/todos/42但没有找到。服务器需要配置为/todos/42通过服务响应请求index.html

因此，为了在使用Nodewith时使路由正常工作Express，可以添加如下配置服务器index.js：

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'build')));

// PATH CONFIGURATION TO RESPOND TO A REQUEST TO STATIC ROUTE REQUEST BY SERVING index.html
app.get('/*', function (req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(5000);
console.log('Server is listening on http://localhost:5000');

如果您使用的是Apache HTTP Server，则需要在React APP的文件夹中创建一个.htaccess文件，public如下所示：

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

build运行时它会被复制到文件夹中npm run build。

我有同样的问题。我很容易地解决了它...... :)

我在我的前端（Create-React-App）和一个快速后端使用了react。在开发模式下，一切都很好，但是当我切换到生产版本时，我的react路由中出现了一些路由问题。经过长时间的调查，我发现问题出在提供 index.html 文件的服务器端。

它应该在所有服务器端路由之后，但在所有 app.post 处理程序之前。换句话说，以下行应该放在所有之后app.gets和之前app.posts

// PRODUCTION
App.get('*', (req, res)=>{
res.sendFile(path.resolve(where, the, index.html, is))
})