Hostinger 上的 React+React-router

React+React-router on Hostinger

提问人:OPtimal 提问时间:6/6/2020 更新时间:11/13/2023 访问量:1712

问:

我最近得到了 Hostinger 共享主机计划。但是,我的应用程序是在 React 中制作的,并使用 React-Router 进行路由。

但是,似乎 Hostinger 只接受静态托管,客户端路由是不可能的。

如何在 Hostinger 上使用客户端路由?

reactjs react-router-dom

评论


答:

0赞 Patrick Wang 6/11/2020 #1

您可以使用 HashRouter

这使用 url 的哈希值来跟踪路径,因此 Hostinger 的静态路由不会考虑它。

1赞 Pramol 3/22/2023 #2

您可以更改 .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>
2赞 iumar28 4/6/2023 #3
<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. .htaccessindex.html
  2. 运行命令进行构建,然后将其上传到 Hostinger。

您的所有路线都可以正常工作。