子文件夹中嵌套React应用程序的.htaccess

fxnxkyjh  于 2023-02-09  发布在  React
关注(0)|答案(1)|浏览(165)

我正在尝试托管两个嵌套在子文件夹中的React应用程序,重定向使用. htaccess。
我无法访问根文件夹上的. htaccess
这是我的目录结构-

html/
├─ react-app-1/
│  ├─ react-app-2/
│  │  ├─ index.html
│  │  ├─ .htaccess
│  ├─ .htaccess
│  ├─ index.html
├─ other_subfolders_with_websites/...

带有路由器的react-app-1与React文档中的.htaccess配合使用效果良好

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

但是,每当我访问www.example.com/react-app-1/react-app-2时,我希望react-app-2为它提供index.html,但URL被转发到react-app-1的路由器。
我已经测试了很多重写规则和重定向匹配,但每一个其他规则崩溃react-app-1
请为.htaccess建议RewriteRules以完成此操作。
谢谢你。
尝试使用RewriteCond、RewireRule和RedirectMatch执行多个. htaccess规则,但每隔一个规则崩溃react-app-1

rslzwgfq

rslzwgfq1#

RewriteRule ^ index.html [QSA,L]

您将所有请求发送到react-app 1/.htaccess中的react-app 1/index,您可以在根项目中使用一个htaccess文件:

#first send sepeficted react-app-2 request to react app2
RewriteRule ^react-app-2$ react-app-2/index.html [QSA,L]
RewriteRule ^react-app-2$/(.*) react-app-2/index.html [QSA,L]

#if request is not for react app2
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

相关问题