javascript 为什么我在hostinger上的reactjs项目在打开新标签页或刷新页面时给予404错误？

vngu2lb8 于 2023-06-04 发布在 Java

关注(0)|答案(1)|浏览(102)

我已经在hostinger上部署了reactjs项目，在那里我打开任何新的标签或刷新页面，它给予错误404
我使用了最新版本的React路由器dom

Index.js
<Browserrouter>
<App/>
<Browserrouter/>

App.js

<Routes>
<Route path="/" element={<Home/>}/>
        <Route path="/about-us" element={<Aboutus/>}/>
        <Route path="/contact-us" element={<Contactus/>}/>
        <Route path="/career" element={<Career/>}/>
        <Route path="/work" element={<Work/>}/> 
        <Route path="/services" element={<ServicesMain/>}/>

<Routes/>

JavaScript

来源：https://stackoverflow.com/questions/76390677/why-does-my-reactjs-project-on-hostinger-give-a-404-error-when-opening-a-new-tab

1条答案

按热度按时间

crcmnpdw1#

问题不在于React，而在于你的主机配置。你需要添加重写规则，通过添加.htaccess文件到你的'public'文件夹中，代码如下。

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

赞(0）回复(0）举报 2023-06-04

我来回答

javascript 为什么我在hostinger上的reactjs项目在打开新标签页或刷新页面时给予404错误？

1条答案

相关问题

热门标签

最新问答