如何使React(路由器)指向WP后端文件

问题描述:

我正在使用Wordpress和REST API构建应用程序。不幸的是,我需要在用户指向/注册时访问WordPress PHP页面。如何使React(路由器)指向WP后端文件

当我将浏览器指向/ register页面时,它会显示通过react呈现的通用页面。它由此触发:

<Route path='*' component = {Single} /> 

如何才能对此规则进行例外并从WordPress后端检索页面?

这是我的路由器:

<Route path="/"> 

     <IndexRoute component={Home} /> 
     <Route path='/services' component ={Services} /> 
     <Route path='/blog' component={Blog} /> 
     <Route path='/submit' component = {Submit} /> 
     <Route path='/myaccount' component = {MyAccount} /> 
     <Route path='/register' component = {Register} /> 
     <Route path='/logare' component = {Login} /> 
     // <Route path='*' component = {Single} /> 


</Route> 
+0

您的问题不清楚。是'working?你想要那个吗?您还使用旧版本的react-router,最新版本为“react-router-dom v4.2.2”。 –

+0

由“*”触发的通用路径正在工作。我想访问使用WordPress后端创建的页面。该页面在localhost/request上可用。如果我去本地主机/注册,而不是WordPress页面,我会得到由React呈现的“单一”组件。我不想那样。 – Mike

没关系啊,您的评论茅塞顿开我。您可以在每个<Route>上使用exact道具以确保只有精确的网址与该组件匹配。

<Route path="/"> 

     <IndexRoute component={Home} /> 
     <Route path='/services' component ={Services} /> 
     <Route path='/blog' component={Blog} /> 
     <Route path='/submit' component = {Submit} /> 
     <Route path='/myaccount' component = {MyAccount} /> 
     <Route exact path='/register' component = {Register} /> 
     <Route path='/logare' component = {Login} /> 
     <Route path='*' component = {Single} /> 


</Route>