固定链接与子文件夹中的反应路由器冲突

时间:2019-05-26 作者:mediaguru

我在apache服务器的根上安装了Wordpress。我在React中建立了一个照片库,它位于子目录/库中。正确加载库主页。但是,如果我尝试转到React应用程序中的任何其他URL,Wordpress的重写设置就会接管。

例如,有一个最新图像的反应路线,即至少/最新。所以应该是www.site。com/gallery/latest。

Wordpress接管了该URL,并显示了一篇标题中带有“最新”字样的博客文章。

这是我的路由器:

  <BrowserRouter basename={\'/gallery\'}>
      <Nav/>
        <Route exact path={`${process.env.PUBLIC_URL}/`} component={Home} />
        <Route exact path={`${process.env.PUBLIC_URL}/latest/`} component={Latest} />
  </BrowserRouter>
我试着把WP的永久链接改成普通的,结果得到了404页的React路由。

在这个路由问题上,React和WP是否可以很好地合作?

1 个回复
SO网友:mediaguru

我将以下内容放置在一个。my React app文件夹中的htaccess文件:

 <IfModule mod_rewrite.c>
     RewriteEngine on
     # Don’t rewrite files or directories
     RewriteCond %{REQUEST_FILENAME} -f [OR]
     RewriteCond %{REQUEST_FILENAME} -d
     RewriteRule ^ – [L]
     # Rewrite everything else to index.html to allow html5 state links
     RewriteRule ^ index.html [L]
 </IfModule>
此外,WP自定义永久链接也可以工作。

相关推荐

Problem with permalinks

我已经更改了类别的基本名称,现在它是“博客”,工作正常。但当我通过/blog/%category%/%postname%/更改结构时。显示404。如果我删除结构中的blog,它会再次工作,但我想使用blog word。问题出在哪里?非常感谢。