Question

我已经通过npm run build创建了一个React项目包，并创建了一个指向构建文件夹的虚拟主机文件，应用程序在不同的路由下工作正常，但是当我分页刷新其他然后是根路由然后分页不工作时

此图像没有页面加载： https://i.stack.imgur.com/EnBOU.png

但是在页面加载后，它给了我这个错误。 https://i.stack.imgur.com/GooRM.png

Answer 1

嗨，请像这样在head标签内的build index.html文件中建立基本href。

<base href="/reactapp/" /> // your root folder path

并在根目录中添加.htaccess文件，将以下代码粘贴到.htaccess中。

<IfModule mod_rewrite.c>
    RewriteEngine on

    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]

    # Rewrite everything else to index.html
    # to allow html5 state links
    RewriteRule ^ index.html [L]
</IfModule>

我希望它对您有用。

谢谢

页面刷新后反应页面不起作用

1 个答案: