在页面刷新时将React App部署到IONOS-404[重复]

Question

我将我的React应用程序部署到了IONOS，它工作正常，但当我在浏览器中刷新页面时，我得到了404页面。

https://hopers.io

部署到firebase的同一个应用程序工作正常。

https://nft-marketplace-on-juno-chain.web.app

以下是我的路线：

<Wrapper>   
  <Switch>
    <Route exact={false} path="/profile" component={MyNFT} />
    <Route
      exact={false}
      path="/collections/mintpass1"
      component={Marketplace}
    />
    <Route
      exact={false}
      path="/collections/hopegalaxy1"
      component={HopeMarketplace}
    />
    <Route
      exact={false}
      path="/collections/explore"
      component={ExploreMarketplace}
    />
    <Route exact={false} path="/detail" component={NFTDetail} />
    <Route exact path="/" component={Home} />
    <Redirect to="/profile" />   
  </Switch> 
</Wrapper>

任何评论都会很有帮助。

Answer 1

Firebase、GitHub Pages、Surge、Now和Netlify都使用404。html为您提供软404。我相信你的主机可能是一个灯栈主机。

请使用以下。htaccess（如果支持）或类似于将所有请求重定向到索引的内容。html：

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html?path=$1 [NC,L,QSA]

在此了解更多信息：

• 手动刷新或写入时，React路由器URL不起作用
• 《代码》的终极指南。htaccess文件