.htaccess 加载wordpress网站上的React应用程序的特定路线

c8ib6hqw 于 2022-11-16 发布在 WordPress

关注(0)|答案(2)|浏览(170)

我已经托管了我的react应用程序上的域example.com当我打example.com/blog我想加载我的WordPress站点.为此，我已经放置WordPress在文件夹名为博客内的react应用程序的公共文件夹中，我已经放置.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>

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

.htaccess

来源：https://stackoverflow.com/questions/65040200/load-the-wordpress-website-on-particular-route-of-react-app

2条答案

按热度按时间

holgip5t1#

对我来说最简单的方法是：
1.您需要有一个PHP服务器。
1.构建您的react应用程序并通过FTP上传到public_html。
1.上传wordpress到public_html/blog文件夹并为它设置数据库。
1.更新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>

安装后的默认wordpress .htaccess文件位于子目录中：

# BEGIN WordPress

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
  RewriteBase /blog/
  RewriteRule ^index\.php$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /blog/index.php [L]
</IfModule>

# END WordPress

赞(0）回复(0）举报 2022-11-16

svmlkihl2#

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

赞(0）回复(0）举报 2022-11-16

我来回答

.htaccess 加载wordpress网站上的React应用程序的特定路线

2条答案

相关问题

热门标签

最新问答