已部署React应用到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和netflix都使用404.html为您提供软404服务。我相信你的主机可能是一个LAMP堆栈主机。

请使用以下.htaccess，如果它被支持或类似的重定向到index.html的所有请求:

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

在这里了解更多信息:

• React-router url在刷新或手动写入时不工作
• .htaccess文件终极指南