Reactjs 页面刷新后,响应页面不工作

Reactjs 页面刷新后,响应页面不工作,reactjs,Reactjs,我已经通过npm运行build创建了一个react项目包,并创建了一个指向build文件夹的虚拟主机文件,应用程序在不同的路径下工作正常,但当我刷新页面时,其他路径(然后是根路径)则页面不工作 此图像没有页面加载: 但是在页面加载之后,它给了我这个错误。 您好,请在head标记内的build index.html文件上创建base href,如下所示 <base href="/reactapp/" /> // your root folder path //您的根文件夹路径 并

我已经通过npm运行build创建了一个react项目包,并创建了一个指向build文件夹的虚拟主机文件,应用程序在不同的路径下工作正常,但当我刷新页面时,其他路径(然后是根路径)则页面不工作

此图像没有页面加载:

但是在页面加载之后,它给了我这个错误。

您好,请在head标记内的build index.html文件上创建base 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>

重新启动发动机
#不要重写文件或目录
RewriteCond%{REQUEST_FILENAME}-f[或]
RewriteCond%{REQUEST_FILENAME}-d
重写规则^-[L]
#将所有其他内容重写为index.html
#允许html5状态链接
重写规则^index.html[L]
我希望它对你有用


谢谢

@Suraj Rawal不客气。。。。如果有用,请投票并批准:)