如何将WordPress添加到React应用程序的子目录?

Question

我们目前有一个React Web应用程序。我们希望能够在应用程序的子目录中添加WordPress。例如:

• react应用程序存在于https://examplesite.com
• 我们希望WordPress安装在https://examplesite.com/blog

目前我们的应用是在AWS上容器化的。

我们该怎么做呢?

Answer 1

对我来说最简单的方法:

1. 你需要有PHP服务器
2. 构建react应用程序并通过FTP上传到public_html。
3. 上传wordpress到public_html/blog文件夹，并为它设置db。
4. 为React路由更新你的.htaccess文件:

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

Answer 2

更新:正如@Brendan Bond建议的那样，你需要设置一个web服务器来服务wordpress设置。你不能仅仅把wordpress文件夹放在react应用程序下就能让它工作。但是，如果你想在子文件夹中设置wordpress，你可以按照下面的步骤操作。

我假设你知道如何配置为wordpress服务的web服务器。您需要执行以下步骤。

1以官方wordpress指南为参考，配置wordpress在路径下工作:https://wordpress.org/support/article/giving-wordpress-its-own-directory/

配置wordpress的web服务器(例如apache2)，并确保https://examplesite.com/blog指向你的wordpress安装

3把链接(https://examplesite.com/blog)放在你的react应用程序中，并测试你是否可以正常访问wordpress站点。