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

Posted 2021-05-04

我是Reactjs的新手，我正在研究Reactjs v15.4.2。当我使用“npm run build”cmd构建生产代码并上传到服务器时。一切正常，但一旦我重新加载或刷新页面，然后获得404文件未找到错误。

任何人都可以帮我解决这个问题。提前致谢。

答案

这可以通过使用以下代码将.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>

希望有所帮助。

另一答案

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

    RewriteEngine On
    RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
    RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
    RewriteRule ^ - [L]

    RewriteRule ^ /index.html [L]