.htaccess 在服务器上重新加载时,React路由器404针对子路由发出

nle07wnf  于 2022-12-13  发布在  React
关注(0)|答案(1)|浏览(107)

我正在使用react与react-router建立一个网站。我已经主持了这个网站上的共享cPanel主机从Godaddy。这是一个Linux与Apache服务器。
该应用程序在自然链接路由上运行良好,但当我在服务器上重新加载页面时,它给出了404 not found.虽然我了解问题所在,并在.htaccess文件中进行了更改,以在每次请求时重定向到index.html,但这只适用于顶级路由.
示例:重载时,这适用于www.mysite.com/aboutwww.mysite.com/users。但重载时,这不适用于www.mysite.com/users/john等子路由。
这是我对.htaccess文件的配置

Options -MultiViews
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

我不知道什么或如何.htaccess文件的内容做的东西,这是一个配置,我从其他堆栈溢出的答案。我不知道如何作出改变,以支持子路由以及配置。
以下是在子路由上重新加载时控制台上出现的错误
Uncaught SyntaxError: Unexpected token '<' (at bundle.js:1:1)
在这方面的任何帮助都非常感谢!
PS:这在本地webpack开发服务器上运行良好,historyApiFallback值设置为true
版本:

"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.4.3",
6pp0gazn

6pp0gazn1#

确保在index.html的头部有<base href="/" />

相关问题