在 react app 的特定路径上加载 wordpress 网站答案

【问题标题】：load the wordpress website on particular route of react app在 react app 的特定路径上加载 wordpress 网站
【发布时间】：2021-03-10 09:43:48
【问题描述】：

我在域 example.com 上托管了我的 react 应用程序当我点击 example.com/blog 时，我想加载我的 wordpress 网站。为此，我已将 wordpress 放置在 react app 的公共文件夹中名为 blog 的文件夹中为此，我已将 .htaccess 文件放在公用文件夹中以进行处理

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

但这对我不起作用。可能是我使用了错误的方法来实现这一点，因为我没有太多的反应经验。

【问题讨论】：

标签： reactjs wordpress .htaccess subdomain

【解决方案1】：

在不了解问题的情况下。

如果 React 应用和 WordPress 应用都在同一个域上运行，您可能需要确保它们使用不同的 uri 路径。
当您向 WordPress 主题发出请求时，您需要在应用程序外部进行链接，反之亦然，当您链接到您的 react 应用程序时。使用 a 标签而不是典型的反应链接。例如使用传统标签而不是组件
您可能需要使用反向代理文件并将其配置为能够在一台服务器上运行两个应用程序。
您可以使用为 WordPress 开发的名为 Frontity 的特定反应库。此页面可能有助于澄清事情。 Frontity Connection to Wordpress

【讨论】：

如果您以示例描述第 2 点和第 3 点会很有帮助，谢谢
我在做了一些研究后更新了这篇文章。看来您需要使用反向代理来汇集请求。这样，您将拥有相同的端点来访问 wordpress 站点和 react 应用程序。您只需要指定要访问的应用程序的路由。例如：localhost:80/app1 指向 localhost:8000 和 localhost:80/app2 指向 localhost:8001
code ServerName react.local ProxyPreserveHost On ProxyPass /blog localhost:80 ProxyPassReverse /blog localhost:80 ProxyPass / localhost:3000 ProxyPassReverse / localhost:3000 @ 987654327@ 在 apache 的 conf 文件中完成了这个设置，但仍然只是端口到 3000 端口