在 Reactjs 应用程序中重新加载或刷新页面期间，生产服务器上出现 404 错误。答案

【问题标题】：Getting 404 error on production server during page reload or refresh in Reactjs app.在 Reactjs 应用程序中重新加载或刷新页面期间，生产服务器上出现 404 错误。
【发布时间】：2018-06-01 02:41:15
【问题描述】：

我是 Reactjs 的新手，我正在研究 Reactjs v15.4.2。当我使用“npm run build”cmd 构建生产代码并上传到服务器时。一切正常，但是一旦我重新加载或刷新页面，就会出现 404 file not found 错误。

谁能帮我解决这个问题。提前致谢。

【问题讨论】：

标签： javascript reactjs build

【解决方案1】：

这可以通过使用以下代码将 .htaccess 文件添加到应用程序的根目录来解决：

<ifModule mod_rewrite.c>
 RewriteEngine On
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteCond %{REQUEST_URI} !index
 RewriteCond %{REQUEST_URI} !.*\.(css¦js|html|png)
 RewriteRule (.*) index.html [L]
</ifModule>

希望对您有所帮助。

【讨论】：

我已经实施了您的解决方案，但它对我不起作用，如果您有其他解决方案，请建议我。如果您需要更多详细信息，请告诉我。
太好了，你能把答案标记为正确吗？干杯
任何其他人来到这里看到这个，我也做了同样的事情，但我使用的是 NGINX，所以不得不使用这个网站进行翻译，并且它有效。只需将上面的内容复制并粘贴到其中，然后在适当的位置粘贴到您的 NGINX 配置中。 winginx.com/en/htaccess

【解决方案2】：

我已将此代码添加到根目录。这对我来说很好用

重写引擎开启 RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR] RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d 重写规则 ^ - [L] 重写规则 ^ /index.html [L]

【讨论】：