Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在react应用程序的特定路径上加载wordpress网站_Reactjs_Wordpress_.htaccess_Subdomain - Fatal编程技术网

Reactjs 在react应用程序的特定路径上加载wordpress网站

Reactjs 在react应用程序的特定路径上加载wordpress网站,reactjs,wordpress,.htaccess,subdomain,Reactjs,Wordpress,.htaccess,Subdomain,我已在domain example.com上托管了我的react应用程序 当我点击example.com/blog时,我想加载我的wordpress站点。 为此,我将wordpress放在react应用程序公用文件夹中名为blog的文件夹中 为此,我将.htaccess文件放在公用文件夹中以处理该问题 <IfModule mod_rewrite.c> RewriteEngine On RewriteBase /blog1 RewriteRule ^blog1$ - [L] Rewri

我已在domain example.com上托管了我的react应用程序 当我点击example.com/blog时,我想加载我的wordpress站点。 为此,我将wordpress放在react应用程序公用文件夹中名为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>

重新启动发动机
重写库/博客1
重写规则^blog1$-[L]
重写cond%{REQUEST_FILENAME}-F
重写cond%{REQUEST_FILENAME}-D
重写cond%{REQUEST_FILENAME}-L
重写规则。/blog1[L]
但这对我不起作用。
可能是我使用了错误的方法来实现这一点,因为我在react方面没有太多经验。

而不了解更多有关问题的信息

  • 如果react应用程序和WordPress应用程序运行在同一个域上,您可能需要确保它们使用不同的uri路径
  • 当你向WordPress主题发出请求时,你需要在应用程序外部链接,反之亦然,当你链接到你的react应用程序时。使用a标记而不是典型的react链接。 e、 g.使用传统标签而不是组件
  • 您可能需要使用反向代理文件,并将其配置为能够在一台服务器上运行两个应用程序
  • 您可以使用为WordPress开发的名为Frontity的特定react库。这一页可能有助于澄清问题
    如果你用例子来描述第2点和第3点会很有帮助,thanksI在做了一些研究之后更新了这篇文章。似乎您需要使用反向代理来收集请求。这样,您将拥有访问wordpress站点和react应用程序的相同端点。你只需要指定要访问哪个应用的路由。例如:localhost:80/app1指向localhost:8000,localhost:80/app2指向localhost:8001
    code
    ServerName react.local-ProxyPreserveHost On-ProxyPass/blog-ProxyPassReverse/blog-ProxyPass/ProxyPassReverse/
    code
    在apache的conf文件中完成了此设置,但仍然只是端口到3000端口