reactjs Hostinger上的React+React-router

5lhxktic 于 2023-11-18 发布在 React

关注(0)|答案(3)|浏览(115)

我最近得到了Hostinger共享主机计划。然而，我的应用程序是在React中创建的，并使用React-Router进行路由。
然而，Hostinger似乎只接受静态托管，客户端路由是不可能的。
如何在Hostinger上使用客户端路由？

reactjs

来源：https://stackoverflow.com/questions/62221758/reactreact-router-on-hostinger

3条答案

按热度按时间

8iwquhpp1#

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

字符串
这对我很有效。
1.在index.html的同一目录中创建一个文件.htaccess
1.运行命令进行构建，然后将其上传到Hostinger。
你的所有路线都会很好。

赞(0）回复(0）举报 2023-11-18

t2a7ltrp2#

您可以从.htaccess文件更改内容，它将工作。
如果您的public_html目录中没有.htaccess文件，只需创建一个并将下面的代码粘贴到.htaccess文件中即可

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

字符串

赞(0）回复(0）举报 2023-11-18

to94eoyn3#

可以使用HashRouter。
它使用URL的哈希来跟踪路径，因此Hostinger的静态路由不会考虑它。

赞(0）回复(0）举报 2023-11-18