我在生产中遇到 reactjs 问题，在我的开发机器中，我可以轻松地刷新/重新加载而无需重定向到 404（未找到页面），但在生产期间，每次我在 http://example.com/subdirectory/dashboard 中重新加载或刷新时，它总是会转到http://example.com 的 404 页面，但是当我在开发机器 http://localhost:3000/subdirectory/dashboard 中刷新/重新加载页面时，它将按预期重新加载。
注意：在生产中，我将静态数据上传到子目录中，因此我在路由中使用 basename。
【问题讨论】：
标签： reactjs
如果您在标准网络服务器上为您的应用程序提供服务，您可以使用以下代码添加.htaccess，从而启用重写规则：
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
您所面临的 404 问题很可能只需将上述内容与项目的根目录一起提供即可解决。
或者，您也可以使用以下将其用作节点服务器：
const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'build')));
app.get('/', function(req, res) {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(9000);
以上可以与.htaccess结合使用。
创建 react 应用程序的人还推广服务，您可以找到 here 和官方的 react 部署文档 here
【讨论】：
.htaccess拯救我的一天。
在您的 http 服务器中，您必须将所有 url 重写为 index.html 文件。如果您使用的是nginx，您可以按照以下说明操作：React-router and nginx
【讨论】：
您可能需要为生产环境中的 React.js 应用程序创建代理服务器。您可以通过不同的方式执行此操作，但要使用 Express Node.js 执行此操作，您必须创建一个如下所示的文件：
const express = require('express');
const path = require('path');
const port = 7700;
const app = express();
app.use(express.static(path.join(__dirname, '../public')));
app.all('*', (req, res) => {
res.sendFile(path.join(__dirname, '../public/index.html'));
});
app.listen(port, () => {
console.log(`Listening on ${port}`);
});
上面的 sn-p 假设您已经构建了 React 文件并且您的 index.html 位于 public 目录中。这会使用 * 通配符将来自 express 服务器的所有请求代理到您的 React 路由。
完成后，剩下的就是在您的服务器上运行这个快速应用程序，它会像处理常规服务器路由一样处理您的历史 API 路由。
【讨论】：
像这样在你的 src/index.js 中添加 basename
（您也可以在 index.html 文件的 head 标签中添加<base href="/subdirectory" target="_blank">）
<Router
basename={'/subdirectory'}
>
<App />
</Router>
【讨论】：
在您的 public 文件夹中创建一个文件 _redirects 并写入 /* /index.html 200 在里面
【讨论】：