如何在子目录中为 React App 配置我的 .htaccess 文件?

IT技术 reactjs .htaccess
2021-05-19 03:17:52

我想在我的共享主机帐户的子目录中托管我的 React 应用程序。即在目录中domain.com/mydirectory/但是当我domain.com/mydirectory/在搜索栏中输入时,它会打开目录的索引而不是 React 应用程序本身。

我已经为我的应用程序创建了一个构建版本。因此 index.html 文件位于目录的根目录,其中包含静态文件夹和react-build脚本期间创建的所有其他内容

我怎样才能让它正常工作?如何配置我的 .htaccess 文件或我应该考虑什么修复?

2个回答

您可以尝试.htaccess在 React 目录中添加一个包含该源代码文件。

<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>

只需将以下内容复制并粘贴到您的 .htaccess

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]