将 React App 部署到 IONOS - 页面刷新时出现 404

Question

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

部署到 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。我相信您的托管可能是 LAMP 堆栈托管。

如果支持，请使用以下 .htaccess 或类似的东西将所有请求重定向到 index.html：

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

在此处了解更多信息：

The Ultimate Guide to .htaccess Files

将 React App 部署到 IONOS - 页面刷新时出现 404

Deployed React App to IONOS - 404 on page refresh

reactjs

react-router

ionos